body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#4c69a5,#3b5998);display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0}.login-box{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001a;padding:2rem;text-align:center;width:350px}.login-title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.login-input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:10px 0;outline:none;padding:10px;transition:border-color .3s ease;width:100%}.login-input:focus{border-color:#4c69a5}.login-error{color:red;font-size:14px;margin-bottom:10px}.login-button{background:#4c69a5;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;transition:background .3s ease;width:100%}.login-button:hover{background:#3b5998}@media (max-width:480px){.login-box{width:90%}.login-title{font-size:20px}.login-button{font-size:14px}}.teacher-login-container{align-items:center;background-color:#f4f7fc;display:flex;justify-content:center;min-height:100vh}.teacher-login-form{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;max-width:400px;padding:30px;width:100%}.teacher-login-form h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.teacher-login-form input{border:1px solid #ccc;border-radius:5px;color:#333;font-size:16px;margin-bottom:15px;padding:10px;width:100%}.teacher-login-form input:focus{border-color:#007bff;outline:none}.teacher-login-form button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}.teacher-login-form button:hover{background-color:#0056b3}.teacher-login-form p{color:red;font-size:14px;margin-top:10px;text-align:center}.teacher-login-form .error-message{color:red;font-size:14px;margin-top:15px;text-align:center}.admin-dashboard-container{align-items:center;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0}.admin-dashboard-box{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:2.5rem;text-align:center;width:400px}.admin-dashboard-title{color:#333;font-size:28px;font-weight:700;margin-bottom:20px}.admin-dashboard-welcome{color:#555;font-size:16px;margin-bottom:20px}.admin-dashboard-links{display:flex;flex-direction:column;gap:15px}.dashboard-link{background:#007bff;border-radius:8px;color:#fff;display:inline-block;font-size:16px;padding:10px 20px;text-align:center;text-decoration:none;transition:background .3s ease,transform .2s ease}.dashboard-link:hover{background:#0056b3;transform:scale(1.05)}@media (max-width:480px){.admin-dashboard-box{width:90%}.admin-dashboard-title{font-size:22px}.dashboard-link{font-size:14px;padding:8px 15px}}.dashboard-container{align-items:center;background:#fff;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.dashboard-box{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:2.5rem;text-align:center;width:400px}.dashboard-title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.dashboard-form .form-input{border:1px solid #ccc;border-radius:8px;font-size:16px;margin:10px 0;outline:none;padding:10px;transition:border-color .3s ease;width:100%}.dashboard-form .form-input:focus{border-color:#6a11cb}.dashboard-form .form-button{background:#2575fc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;transition:background .3s ease;width:100%}.dashboard-form .form-button:hover{background:#0056b3}.code{background-color:#333}@media (max-width:480px){.dashboard-box{width:90%}.dashboard-title{font-size:20px}.dashboard-form .form-button{font-size:14px}}.studentdashboard-container{background-color:#f5f7fa;font-family:Arial,sans-serif;margin:20px;padding:20px}.studentdashboard-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}.card{border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px}.card-header{background:#0073e6;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;padding:15px}.card-title{font-size:1.5rem;font-weight:700}.card-content{padding:15px}.info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.info-label{color:#555;font-weight:700}.info-value{color:#333}.loading-text,.no-data{color:#777;font-size:1rem;text-align:center}.notification-list{display:flex;flex-direction:column;gap:15px}.notification-card{background:#f9f9f9;border:1px solid #ddd;border-radius:10px;padding:15px}.notification-header{align-items:center;display:flex;justify-content:space-between}.notification-title{color:#333;font-size:1.2rem;font-weight:700}.notification-subtitle{color:#555;font-size:1rem}.notification-details{color:#555;font-size:.9rem;margin-top:10px}.attendance-button{background:#0073e6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:10px;padding:8px 12px;transition:background .3s}.attendance-button:hover{background:#45a049}.status-badge{border-radius:5px;color:#fff;font-size:.8rem;padding:5px 10px}.status-badge.active{background:#4caf50}.status-badge.expired{background:#f44336}.status-badge.marked{background:#1f1f5c}.status-badge.starting_soon{background:#ff9800}.status-badge.upcoming{background:#2828e0}.status-badge.present{background:#4caf50}.status-badge.absent{background:#f44336}.history-card .table-container{overflow-x:auto}.attendance-table{border-collapse:collapse;margin-top:10px;width:100%}.attendance-table td,.attendance-table th{border:1px solid #ddd;padding:10px;text-align:left}.attendance-table th{background:#f1f1f1;color:#333;font-weight:700}.attendance-table td span{border-radius:5px;color:#fff;display:inline-block;padding:5px 10px}.attendance-table td .present{background:#4caf50}.attendance-table td .absent{background:#f44336}.add-student-container{align-items:center;background-color:#f9f9f9;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.form-box{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;max-width:500px;padding:30px;width:100%}.form-title{color:#555;font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center}.student-form{display:flex;flex-direction:column;gap:15px}.form-input{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:10px;transition:border-color .3s}.form-input:focus{border-color:#007bff;outline:none}.submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s}.submit-button:hover{background-color:#0056b3}.table-box{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-top:20px;max-width:800px;padding:20px;width:100%}.table-title{color:#555;font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center}.students-table{border-collapse:collapse;color:#333;font-size:.9rem;text-align:center;width:100%}.students-table td,.students-table th{border:1px solid #ccc;padding:10px}.students-table th{background-color:#007bff;color:#fff;font-weight:700}.students-table tr:nth-child(2n){background-color:#f2f2f2}.students-table tr:hover{background-color:#e9f5ff}.form-input::placeholder{color:#aaa}@media (max-width:768px){.form-box,.table-box{width:90%}}.add-teacher-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.add-teacher-form{grid-gap:10px;display:grid;gap:10px;margin-bottom:20px}.add-teacher-form input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:100%}.add-teacher-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s ease}.add-teacher-form button:hover{background-color:#0056b3}.teachers-table{background-color:#fff;border-collapse:collapse;margin-top:20px;width:100%}.teachers-table td,.teachers-table th{border:1px solid #ddd;padding:10px;text-align:left}.teachers-table th{background-color:#007bff;color:#fff}.teachers-table tr:nth-child(2n){background-color:#f2f2f2}.teachers-table tr:hover{background-color:#f1f1f1}h1,h2{color:#333}.add-class-container{color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}h1,h2{color:#0073e6;margin-bottom:20px;text-align:center}.add-class-form{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:15px;padding:20px}.add-class-form input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;transition:border-color .3s}.add-class-form input:focus{border-color:#0073e6;outline:none}.add-class-form button{background-color:#0073e6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s}.add-class-form button:hover{background-color:#005bb5}.classes-table{background-color:#fff;border-collapse:collapse;box-shadow:0 4px 6px #0000001a;margin-top:20px;width:100%}.classes-table td,.classes-table th{border:1px solid #ddd;padding:12px;text-align:left}.classes-table th{background-color:#0073e6;color:#fff}.classes-table tr:nth-child(2n){background-color:#f2f2f2}.classes-table tr:hover{background-color:#e9f5ff}.admin-register-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin:auto;max-width:400px;padding:20px}h2{margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:5px}input{border:1px solid #ccc;border-radius:4px;margin-bottom:5px;padding:8px;width:100%}.btn-register{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;width:100%}.btn-register:hover{background-color:#0056b3}.message{color:red;margin-bottom:10px;text-align:center}.home-container{margin:auto;max-width:1200px;padding:20px;text-align:center;width:90%}h1{color:#004aad;font-size:2.8rem;font-weight:700;letter-spacing:1px;margin-bottom:40px;text-transform:uppercase}.cards-container{flex-wrap:wrap;gap:20px;justify-content:space-evenly}.card,.cards-container{align-items:center;display:flex}.card{background:#fff;border:1px solid #eaeaea;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;flex-direction:column;height:200px;justify-content:center;padding:20px;position:relative;transition:all .3s ease-in-out;width:300px}.card:hover{border-color:#004aad;box-shadow:0 8px 25px #00000026;transform:translateY(-10px)}.card h2{color:#004aad;font-size:1.6rem;font-weight:600;margin-bottom:10px;text-transform:uppercase}.card p{color:#555;font-size:.95rem;line-height:1.4;text-align:center}.card:before{background:linear-gradient(90deg,#0073e6,#4c9cff);border-top-left-radius:15px;border-top-right-radius:15px;content:"";height:8px;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.cards-container{flex-direction:column;gap:20px}.card{width:90%}}label{color:#555;font-size:.875rem;font-weight:500;margin-bottom:.5rem}input[type=date],select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;color:#333;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}input[type=date]:focus,select:focus{border-color:#2563eb;outline:none}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}button{align-items:center;background-color:#2563eb;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.75rem;justify-content:center;padding:.75rem;transition:background-color .2s ease;width:100%}button:hover{background-color:#1d4ed8}button:disabled{cursor:not-allowed;opacity:.5}.alert{background-color:#ef4444;border-radius:.375rem;color:#fff;margin-top:1rem;padding:1rem}.alert-description{font-size:1rem}.download-icon{color:#fff;height:1.25rem;width:1.25rem}
/*# sourceMappingURL=main.cf812178.css.map*/