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}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app,body{min-height:100vh}.app{background:#f5f7fa}.activation-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.activation-card{animation:slideIn .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:50px;text-align:center;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.activation-card h1{color:#667eea;font-size:2rem;margin-bottom:10px}.activation-card p{color:#666;margin-bottom:30px}.activation-card form{display:flex;flex-direction:column;gap:15px}.activation-card input{border:2px solid #e0e0e0;border-radius:10px;font-size:16px;padding:15px;transition:all .3s}.activation-card input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.activation-card button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:transform .3s}.activation-card button:hover{box-shadow:0 10px 30px #667eea4d;transform:translateY(-2px)}.demo-keys{border-top:2px solid #f0f0f0;margin-top:30px;padding-top:20px}.demo-keys p{color:#666;font-size:14px;margin-bottom:10px}.demo-keys code{background:#f5f5f5;border-radius:5px;color:#667eea;cursor:pointer;display:block;font-family:Courier New,monospace;margin:5px 0;padding:10px;transition:background .3s}.demo-keys code:hover{background:#e8eaf6}.login-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:slideIn .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:50px;text-align:center;width:100%}.login-card h1{color:#667eea;font-size:2rem;margin-bottom:5px}.login-card h2{color:#333;font-size:1.5rem;font-weight:400;margin-bottom:30px}.login-card form{display:flex;flex-direction:column;gap:15px}.login-card input,.login-card select{border:2px solid #e0e0e0;border-radius:10px;font-size:16px;padding:15px;transition:all .3s}.login-card input:focus,.login-card select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-card button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:transform .3s}.login-card button:hover{box-shadow:0 10px 30px #667eea4d;transform:translateY(-2px)}.demo-credentials{border-top:2px solid #f0f0f0;color:#666;font-size:14px;margin-top:30px;padding-top:20px}.demo-credentials p{margin:5px 0}.header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left h1{color:#667eea;font-size:1.8rem;margin-bottom:5px}.user-info{color:#666;font-size:14px}.logout-btn{background:#ff4757;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 25px;transition:all .3s}.logout-btn:hover{background:#ff3838;box-shadow:0 5px 15px #ff47574d;transform:translateY(-2px)}.nav-tabs{background:#fff;box-shadow:0 2px 5px #0000000d;display:flex;gap:5px;overflow-x:auto;padding:0 30px}.nav-tabs button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:15px 25px;transition:all .3s;white-space:nowrap}.nav-tabs button.active,.nav-tabs button:hover{background:#f8f9fa;color:#667eea}.nav-tabs button.active{border-bottom-color:#667eea}.main-content{margin:0 auto;max-width:1400px;padding:30px}.dashboard h2{color:#333;font-size:1.8rem;margin-bottom:25px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:25px;transition:transform .3s}.stat-card:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-5px)}.stat-card h3{color:#666;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.stat-number{color:#667eea;font-size:2.5rem;font-weight:700;margin:0}.quick-actions{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:25px}.quick-actions h3{color:#333;margin-bottom:20px}.quick-actions button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin:5px;padding:12px 20px;transition:all .3s}.quick-actions button:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.section-header h2{color:#333;font-size:1.8rem}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions button,.import-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s}.actions button:hover,.import-btn:hover{background:#5568d3;box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.import-btn{display:inline-block}.filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.filters input,.filters select{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:15px;min-width:200px;padding:12px 15px;transition:all .3s}.filters input:focus,.filters select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.data-table{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;overflow:hidden;width:100%}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.data-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:15px}.data-table tbody tr{transition:background .3s}.data-table tbody tr:hover{background:#f8f9fa}.btn-delete,.btn-edit{border:none;border-radius:5px;cursor:pointer;font-weight:600;margin-right:5px;padding:8px 15px;transition:all .3s}.btn-edit{background:#4caf50;color:#fff}.btn-edit:hover{background:#45a049;transform:translateY(-2px)}.btn-delete{background:#ff4757;color:#fff}.btn-delete:hover{background:#ff3838;transform:translateY(-2px)}.btn-absent,.btn-late,.btn-present{border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;margin-right:5px;padding:6px 12px;transition:all .3s}.btn-present{background:#4caf50}.btn-present:hover{background:#45a049;transform:scale(1.1)}.btn-absent{background:#ff4757}.btn-absent:hover{background:#ff3838;transform:scale(1.1)}.btn-late{background:#ffa502}.btn-late:hover{background:#ff8c00;transform:scale(1.1)}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.status-badge.present{background:#d4edda;color:#155724}.status-badge.absent{background:#f8d7da;color:#721c24}.status-badge.late{background:#fff3cd;color:#856404}.status-badge.not-marked{background:#e2e3e5;color:#383d41}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.paid{background:#d4edda;color:#155724}.grade-badge{border-radius:20px;font-size:13px;font-weight:700;padding:5px 12px}.grade-aplus{background:#d4edda;color:#155724}.grade-a{background:#d1ecf1;color:#0c5460}.grade-b,.grade-bplus{background:#fff3cd;color:#856404}.grade-c,.grade-d{background:#f8d7da;color:#721c24}.grade-f{background:#f5c6cb;color:#721c24}.report-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.report-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:25px;text-align:center;transition:transform .3s}.report-card:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-5px)}.report-card h3{color:#333;margin-bottom:15px}.report-card button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s}.report-card button:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.modal-overlay{align-items:center;animation:fadeIn .3s;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;padding:35px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:#333;font-size:1.8rem;margin-bottom:25px}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.modal-content input,.modal-content select,.modal-content textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:15px;padding:12px 15px;transition:all .3s;width:100%}.modal-content textarea{grid-column:1/-1;min-height:80px;resize:vertical}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover{background:#d0d0d0}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#667eea;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#5568d3}@media (max-width:768px){.header{flex-direction:column;gap:15px}.nav-tabs{padding:0 15px}.nav-tabs button{font-size:14px;padding:12px 15px}.main-content{padding:15px}.section-header{align-items:flex-start;flex-direction:column}.form-grid,.stats-grid{grid-template-columns:1fr}.data-table{font-size:14px}.data-table td,.data-table th{padding:10px}.modal-content{padding:25px;width:95%}.filters{flex-direction:column}.filters input,.filters select{min-width:100%}}@media (max-width:480px){.activation-card,.login-card{padding:30px 20px}.stat-number{font-size:2rem}.btn-delete,.btn-edit{font-size:12px;padding:6px 10px}}@media print{.actions,.btn-delete,.btn-edit,.filters,.header,.nav-tabs{display:none!important}.main-content{padding:0}.data-table{box-shadow:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}
/*# sourceMappingURL=main.e735cd54.css.map*/