.scan-page-container{display:flex;justify-content:center;align-items:center;height:100vh;padding:20px;box-sizing:border-box}.hide{display:none}.nameHead{background-color:#063;padding:30px 0;border-top-left-radius:10px;border-top-right-radius:10px;text-align:center}.content-box{background-color:#2d2d2d;border-radius:10px;box-shadow:0 4px 15px #0000001a;text-align:left;max-width:600px;width:100%}.error-section,.employee-details{padding:30px}.error{color:#ff4d4d;margin-top:15px;font-size:16px}.qr-box{background-color:#2d2d2d;padding:30px;border-radius:10px;box-shadow:0 4px 15px #0000001a;text-align:center;max-width:600px;width:100%}.header{font-size:24px;font-weight:600;margin-bottom:20px;color:#dedede}.employee-details p{margin:20px 0;font-size:16px;color:#fff}.employee-details strong{font-weight:600;color:#dedede}.proceed-button{margin-top:20px;padding:10px 20px;background-color:#063;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.proceed-button:hover{background-color:#000}.loading-text{font-size:18px;color:#999;text-align:center}@media (max-width: 600px){.content-box{max-width:100%}}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.loader{position:relative;width:80px;height:80px}.circle{width:100%;height:100%;border-radius:50%;border:8px solid transparent;position:absolute;top:0;left:0;animation:spin 1.2s linear infinite;box-sizing:border-box}.circle:nth-child(1){border-top-color:#3498db;animation-delay:-.45s}.circle:nth-child(2){border-top-color:#e67e22;animation-delay:-.3s}.circle:nth-child(3){border-top-color:#f1c40f;animation-delay:-.15s}.circle:nth-child(4){border-top-color:#9b59b6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{margin-top:20px;font-size:1.5rem;color:#555;font-family:Arial,sans-serif;letter-spacing:.05em}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;color:#fff;padding:20px}.label{margin:10px 0}.login-box{background-color:#1a1a1a;padding:40px 30px;border-radius:12px;box-shadow:0 6px 20px #0006;width:100%;max-width:600px;box-sizing:border-box}h2{margin-bottom:25px;text-align:center;font-size:24px;color:#f5f5f5}.input-group{margin-bottom:20px}.input-field{width:100%;padding:14px 16px;font-size:16px;border-radius:8px;border:none;background-color:#3a3a3a;color:#fff;box-sizing:border-box;transition:background .3s ease,box-shadow .3s ease}.input-field::placeholder{color:#aaa}.input-field:focus{outline:none;background-color:#4a4a4a;box-shadow:0 0 0 2px #0638}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#063,#00994d);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:17px;font-weight:700;transition:background .3s ease,transform .2s ease}.login-button:hover{background:linear-gradient(135deg,#004d26,#007a3d);transform:translateY(-2px)}.login-button:active{transform:scale(.98)}.register-link{text-align:center;margin-top:20px;font-size:14px}.log-btn{color:gold;text-decoration:none;font-weight:700;transition:color .3s ease}.log-btn:hover{color:gold}.error-message{color:#ff4d4d;text-align:center;margin-top:15px;font-size:14px}.admin-container{padding:20px;font-family:Arial,sans-serif}.office-ip{font-size:16px;margin-bottom:20px;font-weight:700;text-align:right;color:#dedede}h2{color:#dedede}.user-table{border:1px solid #333;text-align:center;width:100%;border-collapse:collapse}.user-table th,.user-table td{padding:14px}.user-table th{background-color:#063;color:#dedede}.user-table td{border-bottom:1px solid #333;text-align:left;font-size:16px;color:#333;font-weight:500;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;background-color:#dedede}.mobile-warning{display:none;background-color:#fc0;color:#333;padding:15px;text-align:center;font-size:1.2em;border-radius:5px;margin-bottom:20px}.search-container{margin:15px 0;text-align:right}.search-input{padding:8px 12px;border-radius:8px;border:1px solid #ccc;width:250px;font-size:14px}@media (max-width: 768px){.mobile-warning{display:block}.hidden{display:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:gold;text-decoration:inherit}a:hover{color:#dedede}h1{font-size:3.2em;line-height:1.1}h3{font-size:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}