.login-container{align-items:center;background:url(/static/media/image.e672b10e22d44759ab0d.png) no-repeat 50%/cover;display:flex;height:100vh;justify-content:flex-start;padding-left:70%}.login-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:2rem;text-align:center;width:420px}.logo{width:120px}.logo,h2{margin-bottom:1rem}h2{color:#00b5e2}.radio-group{display:flex;justify-content:center;margin-bottom:1rem}.radio-group label{align-items:center;display:flex;font-size:1rem;margin-left:20px;margin-right:20px}.radio-group input[type=radio]{margin-right:6px}.input-group{margin:1rem 0}.input-group input{border:1px solid #ccc;border-radius:4px;padding:.5rem;width:95%}.login-button{background-color:#007aff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem;width:100%}.login-button:hover{background-color:#005bb5}footer{color:#666;font-size:.8rem;margin-top:1rem}.footer-links a{color:#007aff;margin:0 .5rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.navbar{padding:1rem 2rem}.navbar-logo a{color:#fff;font-size:1.5rem;text-decoration:none}.navbar-links{gap:1.5rem}.navbar-auth a{color:#fff;margin-left:1rem;text-decoration:none}.navbar-auth a:hover,.navbar-links a:hover{text-decoration:underline}.homepage-content{background-color:#f4f4f4;min-height:80vh;padding:2rem;text-align:center}.homepage-content h1{color:#333;margin-bottom:1rem}.homepage-content p{color:#666}.navbar{align-items:center;background-color:#00b5e2;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.navbar-logo img{height:60px;width:100px}.navbar-links{display:flex;gap:20px;list-style:none}.navbar-links li{position:relative}.navbar-links a{color:#fff;padding:5px 10px;text-decoration:none;transition:background-color .3s}.navbar-links a.active,.navbar-links a:hover{background-color:#fff3;border-radius:5px}.navbar-auth .logout-button{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s}.navbar-auth .logout-button:hover{background:#c00}@media (max-width:768px){.navbar-links{background:#333;display:none;flex-direction:column;left:0;position:absolute;top:60px;width:100%}.navbar:hover .navbar-links{display:flex}.navbar-auth{margin-left:auto}}*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.staff-homepage{background-color:#f2f4f7;min-height:100vh}.homepage-content{margin:0 auto;max-width:1200px;padding:70px 20px 20px}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.intro-text{color:#555;font-size:18px;margin-bottom:20px}.notification-area{align-items:center;background-color:#e3f2fd;border-radius:5px;box-shadow:0 2px 5px #0000001a;display:flex;margin-bottom:20px;padding:15px}.notification-icon{color:#2196f3;font-size:20px;margin-right:10px}.notification-text{color:#0d47a1}.search-bar{align-items:center;background-color:#fff;border:1px solid #ced4da;border-radius:5px;box-shadow:0 2px 5px #0000001a;display:flex;margin:20px 0;padding:5px}.search-icon{color:#007bff;font-size:20px;margin:5px}.search-bar input{border:none;font-size:16px;outline:none;padding:10px;width:100%}.statistics{display:flex;justify-content:space-between;margin:20px 0}.stat-card{background-color:#007bff;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#fff;flex:1 1;margin:0 10px;padding:20px;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-5px)}.quick-access{margin-top:20px}.access-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:linear-gradient(135deg,#6dd5ed,#2193b0);border-radius:8px;box-shadow:0 4px 20px #0003;color:#fff;padding:20px;text-align:center;transition:transform .3s}.card:hover{transform:translateY(-5px)}.card-icon{font-size:40px;margin-bottom:10px}button{background-color:#fff;border:1px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;padding:10px 15px;transition:background-color .3s,transform .2s}button:hover{background-color:#007bff;color:#fff;transform:scale(1.05)}h1,h2,h3{color:#343a40;margin-bottom:10px}.upload-page{background-color:#f4f7f8;min-height:100vh;padding:0}.upload-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:auto;max-width:600px;padding:30px;transition:transform .2s ease}.upload-card:hover{transform:translateY(-5px)}h2{color:#333;font-size:24px;margin-bottom:20px}.category-select{border:1px solid #ddd;border-radius:8px;font-size:16px;margin-bottom:20px;padding:10px;transition:border-color .3s ease;width:100%}.category-select:focus{border-color:#3498db;outline:none}.drop-area{border:2px dashed #3498db;border-radius:8px;margin-bottom:20px;padding:30px;text-align:center;transition:background-color .3s ease,border-color .3s ease}.drop-area:hover{background-color:#e3f7ff;border-color:#2980b9}.file-previews{display:flex;flex-direction:column;gap:15px}.file-preview{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:10px;text-align:center;transition:transform .2s ease}.file-preview:hover{transform:scale(1.02)}.remove-button{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px;transition:background-color .3s ease}.remove-button:hover{background-color:#d32f2f}.upload-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s ease;width:100%}.upload-button:hover{background-color:#2980b9}.spinner{align-items:center;display:flex;flex-direction:column;margin-top:10px}.loader{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card-alert{align-items:center;background-color:#d4edda;border:1px solid #28a745;border-radius:.5rem;bottom:1rem;color:#1e7e34;display:flex;flex-wrap:wrap;font-size:1rem;font-weight:500;justify-content:center;max-width:100%;padding:.75rem 1rem;position:fixed;right:1rem;transition:all .5s ease;width:20rem;z-index:1000}.card-alert .close-button{border:1px solid #28a745;border-radius:.375rem;color:#28a745;opacity:.4;padding:.25rem;position:absolute;right:1rem;transition:opacity .3s ease}.card-alert .close-button:hover{opacity:1}.card-alert .icon{color:#1e7e34;height:1.75rem;margin-right:.5rem;width:1.75rem}.card-alert p{flex-direction:row;gap:.5rem;margin-right:auto}.card-alert p,.modal-overlay{align-items:center;display:flex}.modal-overlay{background:#0009;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;max-width:90%;padding:20px;position:relative;text-align:center;width:400px}.modal-content h2{color:#333;margin-bottom:20px}.modal-content label{color:#555;display:block;font-weight:700;margin-bottom:5px;text-align:left}.modal-content input,.modal-content select{border:1px solid #ccc;border-radius:5px;margin-bottom:15px;outline:none;padding:10px;transition:border-color .3s ease;width:100%}.modal-content input:focus,.modal-content select:focus{border-color:#5a67d8}.button-group{display:flex;justify-content:space-between}.button{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background .3s ease}.close-button{background:#f44336;color:#fff}.close-button:hover{background:#d32f2f}.submit-button{background:#4caf50;color:#fff}.submit-button:hover{background:#388e3c}.student-page{background-color:#1c1e29;color:#e0e0e0;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:0}.page-title{color:#e3e3e3;font-size:26px;font-weight:700;margin-bottom:30px;text-align:center}.search-button-container{align-items:center;justify-content:space-between;margin:0 auto 20px;width:80%}.add-student-button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-left:1290px;padding:12px;transition:background-color .3s ease;width:150px}.add-student-button:hover{background-color:#2980b9}.search-bar{border:1px solid #ddd;border-radius:6px;color:#333;font-size:15px;margin:0 auto;padding:10px 15px;width:220px}.student-table{border-collapse:collapse;box-shadow:0 0 10px #0000001a;margin:20px auto;width:90%}.student-table thead{background-color:#6c3483;color:#fff}.student-table td,.student-table th{border-bottom:1px solid #444;font-size:14px;padding:15px;text-align:center}.student-table tbody tr:nth-child(2n){background-color:#2c2f3f}.student-table tbody tr:hover{background-color:#3b4055}.no-students{color:#aaa;font-size:18px;padding:20px;text-align:center}.action-button{background-color:#576574;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .3s ease}.action-button:hover{background-color:#747d8c}.pagination{align-items:center;display:flex;justify-content:center;margin-top:30px}.pagination-button{background-color:#3c6382;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin:0 5px;padding:10px 15px;transition:background-color .3s ease}.pagination-button:hover{background-color:#1e3799}
/*# sourceMappingURL=main.a9dbfea9.css.map*/