.landing-page{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative}.header-buttons{left:24px}.header-buttons,.header-buttons-right{display:flex;flex-direction:column;gap:12px;position:absolute;top:24px}.header-buttons-right{right:24px}.header-button{align-items:center;background:#78bfa01a;border:1px solid #78bfa080;border-radius:8px;box-shadow:0 4px 6px #78bfa033;color:#78bfa0;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.header-button:hover{background:#78bfa033;border-color:#78bfa0cc}.header-button svg{height:20px;width:20px}.main-content{flex-direction:column;text-align:center}.main-content,.scanner-frame{align-items:center;display:flex;justify-content:center}.scanner-frame{height:280px;margin-bottom:32px;position:relative;width:280px}.landing-fingerprint-img{animation:scanPulse 3s linear infinite;filter:drop-shadow(0 0 25px rgba(120,191,160,.6));height:300px;object-fit:contain;position:absolute;width:300px}.landing-scan-bar{animation:scanLine 2.6s linear infinite;animation-direction:alternate;background:linear-gradient(180deg,#0000,#78bfa0e6,#0000);height:40px;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes scanLine{0%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(240px)}to{opacity:1;transform:translateY(0)}}.corner-bracket{border:3px solid #78bfa0;height:40px;position:absolute;width:40px}.corner-bracket.top-left{border-bottom:none;border-right:none;border-top-left-radius:8px;left:0;top:0}.corner-bracket.top-right{border-bottom:none;border-left:none;border-top-right-radius:8px;right:0;top:0}.corner-bracket.bottom-left{border-bottom-left-radius:8px;border-right:none;border-top:none;bottom:0;left:0}.corner-bracket.bottom-right{border-bottom-right-radius:8px;border-left:none;border-top:none;bottom:0;right:0}.fingerprint-icon{margin-bottom:0}.fingerprint-icon svg{color:#78bfa0;filter:drop-shadow(0 0 20px rgba(120,191,160,.5));height:160px;width:160px}.title{color:#78bfa0;font-size:64px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px;text-shadow:0 0 30px #78bfa04d}.subtitle{color:#000;font-size:20px;margin-bottom:32px;max-width:448px}.scanning-indicator{margin-top:32px}.scanning-indicator-content{align-items:center;color:#000;display:flex;gap:8px}.status-dot{animation:pulse 2s infinite;background-color:#78bfa0;border-radius:50%;box-shadow:0 0 10px #78bfa080;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.status-text{font-size:14px;font-weight:500}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border:1px solid #3b82f64d;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 40px #3b82f61a;color:#000;height:400px;padding:32px;position:relative;width:400px}.modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s ease}.modal-close:hover{background:#3b82f61a;color:#3b82f6}.modal-title{color:#000;font-size:28px;font-weight:700;margin-bottom:32px;text-align:center}.modal-form{gap:20px}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#000;font-size:14px;font-weight:500}.form-input{background:#ffffff0d;border:1px solid #3b82f64d;border-radius:8px;color:#000;font-size:16px;outline:none;padding:12px 16px;transition:all .2s ease}.form-input::placeholder{color:#0006}.form-input:focus{background:#ffffff14;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;font-size:12px}.server-error{background:#ef44441a;border-radius:4px;font-size:14px;margin-bottom:16px;padding:8px;text-align:center}.modal-submit{background:#78bfa0;border:none;border-radius:8px;box-shadow:0 4px 12px #78bfa04d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .2s ease}.modal-submit:hover{background:#78bfa0e6;box-shadow:0 6px 16px #78bfa066;transform:translateY(-1px)}.modal-submit:active{transform:translateY(0)}.fingerprint-scan-popup-overlay{align-items:center;animation:fadeIn .3s ease-in;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.fingerprint-scan-popup{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:32px;text-align:center;width:90%}.popup-icon{color:#10b981;margin-bottom:16px}.popup-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.popup-message{color:#6b7280;font-size:16px;margin:0 0 20px}.bit-value-display{background:#f3f4f6;border-radius:8px;margin-bottom:24px;padding:16px}.scan-id-label{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:8px}.bit-value-display code{color:#1f2937;font-family:Courier New,monospace;font-size:28px;font-weight:700}.popup-close-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:background .2s}.popup-close-btn:hover{background:#059669}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kpi-card{background:#fff;border:1px solid #6e7f75;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:16px 18px;transition:all .2s ease}.kpi-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.kpi-header{gap:12px;margin-bottom:0}.kpi-header,.kpi-icon{align-items:center;display:flex}.kpi-icon{background:#f3f4f6;border-radius:9999px;color:#6b7280;height:40px;justify-content:center;width:40px}.kpi-meta{display:flex;flex-direction:column;gap:2px}.kpi-heading{color:#6b7280;font-family:Inter;font-size:14px;font-weight:500;line-height:20px}.kpi-number{color:#1f2937;font-family:Inter;font-size:26px;font-weight:600;line-height:30px}.pagination-container{align-items:center;background:#0000;border-top:none;display:flex;font-family:Inter;justify-content:center;padding:18px 20px 0}.pagination-info{color:#6b7280;font-size:14px;line-height:20px}.pagination-btn,.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-family:Inter;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn svg{color:#6b7280}.pagination-pages{align-items:center;display:flex;gap:4px}.pagination-page{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-family:Inter;font-size:14px;font-weight:500;height:32px;justify-content:center;transition:all .2s ease;width:32px}.pagination-page:hover{background:#f9fafb;border-color:#9ca3af}.pagination-page.active{background:#78bfa0;border-color:#78bfa0;color:#fff}.pagination-dots{align-items:center;color:#6b7280;display:flex;font-family:Inter;font-size:14px;height:32px;justify-content:center;width:32px}@media (max-width:768px){.pagination-container{flex-direction:column;gap:12px;padding:12px 16px}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-info{text-align:center}}.table-container{background:#fff;border:1px solid #c8e6d9;border-radius:8px;overflow:hidden;width:100%}.table-search{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px}.search-input{max-width:300px;padding:8px 12px;width:100%}.table-wrapper{overflow-x:auto}.custom-table{border-collapse:collapse;font-family:Inter;width:100%}.custom-table thead{background:#e5f3ed;border-bottom:1px solid #e5e7eb}.custom-table th{border-bottom:1px solid #e5e7eb;color:#2d3a33;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:center;text-transform:uppercase}.header-content{align-items:center;display:flex;justify-content:space-between}.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.sort-icon{font-size:12px;margin-left:8px;opacity:.5}.custom-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.custom-table tbody tr:hover{background-color:#f9fafb}.custom-table tbody tr.clickable{cursor:pointer}.custom-table tbody tr.clickable:hover{background-color:#f3f4f6}.custom-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:12px 16px;text-align:center}.custom-table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.custom-table td,.custom-table th{font-size:12px;padding:8px 12px}.table-search{padding:12px}}.navbar{background:linear-gradient(135deg,#7bc4a4,#6ab393);box-shadow:0 2px 10px #0003;margin-bottom:32px;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.navbar-brand h1{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.navbar-link,.navbar-nav{align-items:center;display:flex;gap:8px}.navbar-link{background:#0000;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.navbar-link:hover{background:#0000001a;box-shadow:0 2px 4px #0003;color:#fff}.navbar-link.active{background:#00000026;box-shadow:0 2px 4px #0003;color:#fff}.navbar-logout{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.navbar-logout:hover{background:#0000001a;border-color:#ffffff80;box-shadow:0 2px 4px #0003}.biometrics-dashboard{display:flex;flex-direction:column;gap:28px;margin:0 auto;max-width:1100px;width:100%}.biometrics-header{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.biometrics-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.add-employee-btn{align-items:center;background:#78bfa0;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter;font-size:12px;font-weight:600;gap:8px;line-height:18px;padding:9px 14px}.biometrics-kpis{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.biometrics-tabs{display:flex;flex-wrap:wrap;gap:18px;margin-top:32px}.biometrics-tabbar,.biometrics-tabs{align-items:center;justify-content:center}.biometrics-tabbar{background:#78bfa0;border-radius:7px;box-shadow:0 1px 2px #0000000f;display:inline-flex;gap:6px;min-width:440px;padding:3px 10px}.biometrics-tab{appearance:none;background:#0000;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-family:Inter;font-size:12px;font-weight:600;line-height:18px;min-width:0;padding:7px 12px;text-align:center}.biometrics-tab:hover{background:#ffffff1f}.biometrics-tab.active{background:#fff;color:#499f79}.biometrics-table{display:flex;justify-content:center;width:100%}.biometrics-dashboard .table-container{border:1px solid #9ca3af;border-radius:8px;margin:0 auto;width:760px}.biometrics-dashboard .custom-table thead{background:#eff6f2}.biometrics-dashboard .custom-table th{color:#6e7f75;letter-spacing:normal;text-transform:none}.biometrics-status{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:600;line-height:16px;padding:6px 10px}.biometrics-status--in{background:#daede5;color:#499f79}.biometrics-status--lunch{background:#e6f0ff;color:#2f7ae5}.biometrics-status--out{background:#ffe7e7;color:#e05757}@media (max-width:1100px){.biometrics-dashboard{max-width:100%}.biometrics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.biometrics-dashboard .tabs-container{min-width:0;width:100%}.biometrics-dashboard .table-container{width:100%}}.employee-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.employee-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.employee-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.employee-modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.employee-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px}.employee-modal-close:hover{background:#f3f4f6;color:#1f2937}.employee-modal-content{overflow-y:auto;padding:20px}.no-employees{color:#6b7280;margin:0;text-align:center}.employee-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.employee-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;padding:16px;text-align:center;transition:all .2s}.employee-card:hover{background:#f3f4f6;border-color:#d1d5db}.employee-name{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.employee-code{color:#6b7280;font-size:12px}.scan-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.scan-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-width:400px;width:90%}.scan-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;padding:16px 20px}.scan-modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.scan-modal-content{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px}.scan-employee-name{color:#1f2937;font-size:18px;font-weight:600;margin:0}.scan-employee-id{color:#6b7280;font-size:14px;margin:0}.fingerprint-animation{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.fingerprint-icon{filter:drop-shadow(0 0 15px rgba(120,191,160,.6));height:100px;object-fit:contain;width:100px}.fingerprint-icon,.fingerprint-icon.scanning{animation:scanPulse 3s linear infinite}.fingerprint-icon.success{animation:none;filter:drop-shadow(0 0 20px rgba(16,185,129,.8))}@keyframes scanPulse{0%{opacity:.55;transform:scale(.94)}50%{filter:drop-shadow(0 0 25px rgba(120,191,160,.9));opacity:1;transform:scale(1.04)}to{opacity:.55;transform:scale(.94)}}.scan-status{color:#1f2937;font-size:16px;font-weight:600;margin:0;text-align:center}.add-biometrics-btn{background:#78bfa0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.add-biometrics-btn:hover{background:#6baf8d}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#bdc1ca;left:12px;pointer-events:none;position:absolute}.search-input{border:1px solid #d1d5db;border-radius:6px;font-family:Inter;font-size:14px;outline:none;padding:8px 12px 8px 36px;transition:border-color .2s ease;width:160px}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-input::placeholder{color:#bdc1ca}.filter-wrapper{align-items:center;display:flex}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-family:Inter;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:160px}.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.export-csv-btn{align-items:center;background:#7bc4a4;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Inter;font-size:14px;font-weight:400;gap:6px;height:36px;justify-content:center;line-height:22px;padding:0 12px;transition:all .2s ease;width:139px}.export-csv-btn:hover{background:#6ab393}.export-csv-btn .icon{color:#fff}.daily-attendance{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1100px;width:100%}.daily-attendance-header{display:flex;flex-direction:column;gap:20px}.page-title{color:#1f2937;font-family:Inter;font-size:24px;font-weight:600;margin:0}.daily-attendance-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.filter-value-input{border:1px solid #d1d5db;border-radius:6px;font-family:Inter;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease}.filter-value-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.daily-attendance-table{position:relative;width:100%}.history{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1100px;width:100%}.history-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.history-table{position:relative;width:100%}.table-header{display:flex;justify-content:flex-end;margin-bottom:12px}*{box-sizing:border-box;padding:0}*,body{margin:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.2f31023b.css.map*/