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}.App{display:flex;flex-direction:row;overflow:hidden;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.App{flex-direction:column}}.content_area{height:100%;width:85%}.inner_content_area{display:flex;height:100%;justify-content:center;margin-right:50px;overflow-y:scroll;padding:20px;width:100%}.page_attendance{display:flex;flex-direction:row;width:100%}@media (max-width:768px){.page_attendance{flex-direction:column}.content_area{width:100%}.inner_content_area{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-right:0;overflow-y:scroll;padding:0;width:100%}}.Signin{background-color:#61dafb;border:none;border-radius:20px;color:#000;height:40px;width:120px}.Signin:hover{background-color:#282c34;color:#fff}.Signout{background-color:#ff6b6b;border:none;border-radius:20px;color:#fff;height:40px;width:120px}.Signout:hover{background-color:#282c34;color:#fff}.screen{border:1px solid #03d8c3;border-radius:40px;height:200px;width:300px}.result{color:#000}.scan_area{height:auto;width:100%}.scan_area h2{color:#000;font-size:20px;padding:20px;text-align:center}.scan_area_box{display:list-item;height:40%;list-style:none;width:100%}.buttons_container,.scan_area_box_inner{align-items:center;display:flex;justify-content:center;width:100%}.buttons_container{gap:20px;height:100px}@media (max-width:768px){.scan_area{height:auto;margin:auto;width:100%}}.popup_main{align-items:center;background-color:hsla(0,0%,64%,.655);display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%;z-index:4}.popup_box{background-color:#fff;border-radius:30px;box-sizing:initial;display:flex;flex-direction:column;height:200px;width:300px}#closebtn{background:none;border:none;color:#000;font-size:17px;padding:10px}#closebtn:hover{color:red}.table-container{background:none;border-radius:8px;margin:20px auto;max-width:1200px;overflow-x:auto;width:90%}.attendance-table{border:1px solid #ddd;border-radius:10px;margin-bottom:20px;overflow:hidden;width:90%}.attendance-table td,.attendance-table th{padding:12px 15px}.attendance-table th{border-bottom:2px solid #ddd;font-weight:700;padding:15px;text-align:left}.attendance-table tr:nth-child(odd){background-color:#fff}.attendance-table tr:hover{background-color:#f1f1f1;cursor:pointer}.attendance-table td{border-bottom:1px solid #ddd;padding:12px;text-align:left;transition:background-color .3s ease}.attendance-table td:first-child{font-weight:700}.no-records{color:#888;font-size:16px;padding:20px;text-align:center}.sidebar{background-color:#f4f4f4;background-color:#09f;height:100vh;padding:20px;width:250px}.logo-container{margin-bottom:20px;text-align:center}.logo{height:auto;width:100px}.button-container{display:flex;flex-direction:column;gap:10px}.attendance-button{align-items:center;background:none;border:none;border-radius:5px;color:#333;cursor:pointer;display:flex;font-size:16px;gap:10px;padding:10px 15px;transition:background-color .3s ease,color .3s ease}.attendance-button:hover{background-color:#fff}.attendance-button.active{background-color:#fff;color:#09f}.attendance-button.active .navbarIcon{color:#09f}.navbarIcon{color:#fff;height:25px;width:25px}@media (max-width:768px){.sidebar{bottom:0;height:auto;justify-content:space-around;padding:10px 0;position:fixed;width:100%}.button-container,.sidebar{display:flex;flex-direction:row}.button-container{gap:10px}.logo-container{display:none}.attendance-button{align-items:center;flex-direction:column;font-size:14px;padding:8px 12px}.attendance-button span{display:none}}.user-list-container{margin:0 auto;padding:0 100px;text-align:center;width:80%}.user-list-container h1{margin-bottom:60px}.inputfield{border:1px solid #ccc;border-radius:30px;margin-right:10px;padding:10px;transition:width .6s ease;width:180px}.inputfield:hover{width:300px}.inputfield:focus{border-color:#09f;outline:none}#addUserBtn{background-color:#09f;border:none;border-radius:30px;color:#fff}#addUserBtn:hover{background-color:#06c}.user-table{border:1px solid #ddd;border-collapse:collapse;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;overflow:hidden;width:100%}.user-table th{background-color:#09f;border-bottom:2px solid #ddd;color:#fff;font-weight:700;padding:15px;text-align:left}.user-table td{border-bottom:1px solid #ddd;padding:12px;text-align:left;transition:background-color .3s ease}.user-table tr:hover td{background-color:#0099ff1a}.user-table tr:last-child td{border-bottom:none}#deletebtn{color:red}#deletebtn,#editbtn{cursor:pointer;height:20px;width:20px}#editbtn{color:#09f}.pagination{align-items:center;display:flex;gap:10px;justify-content:center}.pagination button{background-color:#09f;border:none;border-radius:30px;color:#fff;cursor:pointer;padding:5px 10px}.pagination button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.user-list-container{box-sizing:border-box;padding:0 20px;width:100%}}.downloads-container{margin:0 auto;padding:0 100px;text-align:center;width:80%}.top-bar{display:flex;gap:10px;justify-content:left;margin-bottom:20px;margin-top:60px}.top-bar button,.top-bar select{border:1px solid #ccc;border-radius:5px;border-radius:30px;font-size:16px;padding:10px}.top-bar button{background-color:#09f;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.top-bar button:hover{background-color:#06c}.attendance-table{border-collapse:collapse;box-shadow:0 4px 8px #0000001a;margin-top:20px;width:100%}.attendance-table td,.attendance-table th{border:1px solid #ddd;padding:10px;text-align:left}.attendance-table th{background-color:#09f;color:#fff}.attendance-table tr:nth-child(2n){background-color:#f9f9f9}.attendance-table tr:hover{background-color:#0099ff1a}.attendance-message{text-align:left}@media (max-width:768px){.downloads-container{box-sizing:border-box;padding:0 20px;width:100%}.top-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px;margin-top:20px}.top-bar button,.top-bar select{border:1px solid #ccc;border-radius:5px;border-radius:30px;font-size:14px;max-width:200px;padding:10px;width:100%}.top-bar button{background-color:#09f;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.top-bar button:hover{background-color:#06c}.attendance-table{border-collapse:collapse;box-shadow:0 4px 8px #0000001a;font-size:14px;margin-top:20px;width:100%}.attendance-table td,.attendance-table th{border:1px solid #ddd;padding:8px;text-align:left}.attendance-table th{background-color:#09f;color:#fff}.attendance-table tr:nth-child(2n){background-color:#f9f9f9}.attendance-table tr:hover{background-color:#0099ff1a}.attendance-message{text-align:left}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.pagination button{background-color:#09f;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination span{color:#333;font-size:14px}.top-bar{align-items:center;flex-direction:column}.top-bar button,.top-bar select{max-width:none}.attendance-table td,.attendance-table th{font-size:12px;padding:6px}}
/*# sourceMappingURL=main.440de4c5.css.map*/