.student-form{gap:10px}.student-form input{border:1px solid #cbd5e1;border-radius:5px;flex:1 1;padding:8px 12px}.student-form button{background-color:#4f46e5;border-radius:5px;font-weight:700;padding:8px 15px;transition:background-color .2s}.student-form button:hover{background-color:#4338ca}@media (max-width:640px){.student-form{align-items:stretch;flex-direction:column}.student-form button{width:100%}}.student-list table{width:100%}.student-list td,.student-list th{border:1px solid #ddd;padding:8px}.student-list th{background-color:#f4f4f4}.attendance-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;margin:2px;padding:5px 10px}.sign-in{background-color:#d1fae5;color:#065f46}.sign-in.active{background-color:#4ade80;color:#fff}.sign-out{background-color:#fee2e2;color:#b91c1c}.sign-out.active{background-color:#f87171;color:#fff}.delete-btn{background-color:#ef4444;padding:5px 8px}.clear-btn,.delete-btn{border-radius:4px;color:#fff}.clear-btn{background-color:#3b82f6;cursor:pointer;margin-top:10px;padding:7px 12px}.about-container{margin:auto;max-width:800px;padding:20px;text-align:center}.about-container h2{color:#4f46e5;margin-bottom:15px}.about-container p{font-size:16px;line-height:1.5;margin-bottom:10px}.header{background:linear-gradient(135deg,#6a5acd,#00bfff);box-shadow:0 2px 8px #0003;height:60px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:999}.header,.header-logo{align-items:center;display:flex}.header-logo{gap:10px}.logo-img{height:40px;object-fit:contain;width:40px}.logo-text{color:#fff;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:20px;list-style:none}.nav-links li a{color:#fff;font-weight:500;text-decoration:none;transition:transform .2s ease,color .2s ease}.nav-links li a:hover{color:#ffe600;transform:scale(1.1)}.hamburger{cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;width:25px}.hamburger span{background:#fff;border-radius:2px;display:block;height:3px;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.nav-links{background:linear-gradient(135deg,#6a5acd,#00bfff);flex-direction:column;max-height:0;overflow:hidden;padding:0;position:absolute;right:0;top:60px;transition:max-height .4s ease-in-out;width:100%}.nav-links.open{max-height:300px}.nav-links li{margin:15px 0;text-align:center}.hamburger{display:flex}}.logo-icon{color:#fff;font-size:32px;margin-right:8px}#root,.app-container,body,html{background:#f5f5f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}h1{margin-top:20px}.date-picker,h1{text-align:center}.date-picker{margin:15px 0}.date-picker input[type=date]{font-size:16px;padding:5px 10px}.student-form{display:flex;justify-content:center;margin-bottom:20px}.student-form input{font-size:16px;margin-right:10px;padding:5px}.student-form button{background:#4f46e5;border:none;color:#fff;cursor:pointer;padding:5px 15px;transition:.3s}.student-form button:hover{background:#3730a3}.student-list table{border-collapse:collapse;margin:auto auto 20px;width:90%}.student-list td,.student-list th{border:1px solid #ccc;padding:10px;text-align:center}.student-list .present{background:#22c55e;color:#fff}.student-list .absent{background:#ef4444;color:#fff}.student-list .delete-btn{background:#f43f5e;border:none;color:#fff;cursor:pointer;padding:5px 10px}.student-list .clear-btn{background:#facc15;border:none;cursor:pointer;margin-top:10px;padding:5px 15px}.chart-container{margin:auto auto 30px;width:95%}.download-btn{background:#10b981;border:none;color:#fff;cursor:pointer;display:block;margin:15px auto;padding:8px 20px}.download-btn:hover{background:#047857}footer{background:#1f2937;color:#fff;padding:20px;text-align:center}footer a{color:#fff;margin:0 10px;text-decoration:none}footer a:hover{color:#4f46e5}.hamburger-menu{cursor:pointer;display:none;font-size:24px;left:15px;position:fixed;top:15px;z-index:1000}.menu-items{background:#4f46e5;color:#fff;display:none;left:0;padding:20px;position:fixed;top:50px;width:200px}.menu-items a{color:#fff;display:block;margin:10px 0;text-decoration:none}@media (max-width:768px){.student-form{align-items:center;flex-direction:column}.student-form input{margin:0 0 10px}.chart-container,.student-list table{font-size:14px;width:100%}.hamburger-menu,.menu-items.show{display:block}}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}
/*# sourceMappingURL=main.3b6e532a.css.map*/