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}.App{background-color:#fff;box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:1200px;min-height:100vh;padding:0}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:10px;padding:10px 20px}button:hover{background-color:#0056b3}input{margin:10px;padding:8px;width:200px}.attendance-record{border:1px solid #ddd;border-radius:4px;margin:10px 0;padding:10px}#reader{margin:20px auto;max-width:600px;width:100%}.table-container{margin:20px 0;overflow-x:auto}.attendance-table{background-color:#fff;border-collapse:collapse;box-shadow:0 1px 3px #0003;margin:20px 0;width:100%}.attendance-table td,.attendance-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.attendance-table th{background-color:#007bff;color:#fff;font-weight:700}.attendance-table tr:nth-child(2n){background-color:#f8f9fa}.attendance-table tr:hover{background-color:#f2f2f2}@media screen and (max-width:600px){.attendance-table{font-size:14px}.attendance-table td,.attendance-table th{padding:8px 10px}}.tab-container{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;gap:10px;justify-content:center;margin-bottom:30px;padding:20px 0}.tab-button{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background-color:#e9ecef;color:#007bff}.tab-button.active{background-color:#007bff;color:#fff}.tab-button.active:hover{background-color:#0056b3;color:#fff}.tab-content{animation:fadeIn .3s ease-in;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tab-button{font-size:14px;padding:10px 20px}.tab-container{padding:15px 0}.tab-content{padding:15px}}
/*# sourceMappingURL=main.7a27a608.css.map*/