*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.navbar{background-color:#000;box-shadow:0 2px 5px #0000004d;color:#fff;height:60px;justify-content:space-between;padding:10px 20px}.navbar,.navbar-left{align-items:center;display:flex}.logo{color:#fff;font-size:1.5rem;font-weight:400px;margin-right:20px;text-decoration:none}.search-input{background-color:#222;border:2px solid #fff;border-radius:4px;color:#fff;margin-right:10px;outline:none;padding:8px;width:200px}.search-input::placeholder{color:#ccc}.search-input:focus{border-color:#f0f0f0}.size-6{color:#fff;cursor:pointer;height:24px;width:24px}.navbar-right{align-items:center;display:flex}.profile-icon{color:#fff;margin-right:15px;text-decoration:none}.profile-icon svg{height:24px;width:24px}.logout-btn{background-color:initial;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px}.logout-btn:hover{background-color:#f0f0f0;color:#000}.login-btn{background-color:initial;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px;text-decoration:none}.login-btn:hover{background-color:#f0f0f0;color:#000}.search-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.search-popup-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:90%;overflow-y:auto;padding:20px;position:relative;width:400px}.searchContainer{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.searchContainer input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:85%}.search-popup-close{background-color:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px}.search-popup-close:hover{background-color:#e00000}.search-results{list-style:none;margin:0;padding:0}.search-results li{border-bottom:1px solid #ddd;cursor:pointer;padding:10px}.search-results li:hover{background-color:#f1f1f1}.search-results li:last-child{border-bottom:none}.search-results li.no-results{color:#888;text-align:center}.search-results li span{color:#333;font-size:16px}.login-page{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;margin:50px auto;max-width:400px;padding:20px 30px;text-align:center;width:100%}.login-page h1{color:#333;font-size:24px;margin-bottom:20px}.login-page form{display:flex;flex-direction:column;gap:15px}.login-page input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px 15px;width:100%}.login-page input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}.login-page button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s ease}.login-page button:hover{background-color:#0056b3}.signup-link{font-size:14px;margin-top:20px}.signup-link a{color:#007bff;font-weight:700;text-decoration:none}.signup-link a:hover{text-decoration:underline}.signup-page{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;margin:50px auto;max-width:400px;padding:20px 30px;text-align:center;width:100%}.signup-page h1{color:#333;font-size:24px;margin-bottom:20px}.signup-page form{display:flex;flex-direction:column;gap:15px}.signup-page input,.signup-page select{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px 15px;width:100%}.signup-page input:focus,.signup-page select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}.email-otp-container{align-items:center;display:flex;gap:10px}.email-otp-container input{flex:1 1}.send-otp-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .3s ease}.send-otp-btn:hover{background-color:#0056b3}.signup-page button[type=submit]{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s ease}.signup-page button[type=submit]:hover{background-color:#218838}.login-link{font-size:14px;margin-top:20px}.login-link a{color:#007bff;font-weight:700;text-decoration:none}.login-link a:hover{text-decoration:underline}h1{color:#2c3e50}.create-classroom-btn,h1{margin-bottom:20px;text-align:center}.create-classroom-btn{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;padding:10px 20px;transition:background-color .3s}.create-classroom-btn:hover{background-color:#2980b9}.classroom-list{margin-bottom:20px}.classroom-list h3{color:#34495e;margin-bottom:10px}.classroom-list table{border-collapse:collapse;margin-bottom:20px;width:100%}.classroom-list td,.classroom-list th{border:1px solid #ddd;padding:10px;text-align:left}.classroom-list th{background-color:#f4f4f4;color:#2c3e50}.classroom-list tr:hover{background-color:#f1f1f1}.clickable-row{cursor:pointer;transition:background-color .3s}.clickable-row:hover{background-color:#eaf2f8}.profile-page{background-color:#f5f5f5;padding:20px}.loading{padding:50px}.profile-info{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;margin-bottom:30px;padding:20px}.profile-picture{border-radius:50%;height:120px;margin-right:20px;width:120px}.profile-details h2{font-size:24px;font-weight:700;margin:0}.profile-details p{font-size:16px;margin:5px 0}.classroom-list{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.classroom-list h3{font-size:22px;margin-bottom:15px}table{border-collapse:collapse;margin-top:20px;width:100%}td,th{border-bottom:1px solid #ddd;padding:12px;text-align:left}th{font-weight:700}tbody tr:hover,th{background-color:#f2f2f2}tbody tr:hover{cursor:pointer}.profile-page p{color:#777;font-size:18px}.popup-content{box-shadow:0 4px 15px #0003}.popup-content h3{font-size:22px;margin-bottom:20px}.popup-content input,.popup-content textarea{border:1px solid #ccc;width:100%}.popup-buttons button{background-color:#4caf50;color:#fff;margin-right:10px;padding:10px 20px}.popup-buttons button:hover{background-color:#45a049}.class-details{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;margin:20px auto;max-width:900px;padding:20px}.section1{margin-bottom:30px;text-align:center}.class-image{border:2px solid #ccc;border-radius:50%;height:150px;margin-bottom:20px;width:150px}.class-name{color:#333;font-size:24px;margin-bottom:10px}.class-description{color:#666;font-size:16px;margin-bottom:20px}.add-post-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.add-post-btn:hover{background-color:#0056b3}.post-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.post-card{background-color:#fdfdfd;border:1px solid #e3e3e3;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:15px;text-align:left}.post-card h3{color:#333;font-size:18px;margin-top:0}.post-card p{color:#666;font-size:14px;margin-bottom:10px}.post-card small{color:#999;font-size:12px}.popup-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 10px #0003;padding:20px;text-align:center;width:400px}.popup-content h3{color:#333;font-size:20px;margin-bottom:15px}.popup-content input,.popup-content textarea{border:1px solid #ddd;border-radius:5px;font-size:14px;margin-bottom:15px;padding:10px;width:calc(100% - 20px)}.popup-buttons{display:flex;justify-content:space-around}.popup-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 15px}.popup-buttons button:first-child{background-color:#007bff;color:#fff}.popup-buttons button:first-child:hover{background-color:#0056b3}.popup-buttons button:last-child{background-color:#ccc;color:#333}.popup-buttons button:last-child:hover{background-color:#999}.otp-error{color:red;font-size:14px;margin-bottom:10px}.loading{color:#555;font-size:20px;margin-top:50px;text-align:center}
/*# sourceMappingURL=main.189596d1.css.map*/