.keypad-container[data-v-76549c3b]{display:flex;flex-direction:column;gap:.75rem;max-width:300px;background-color:var(--default-100);border:1px solid #c7c7c740}.keypad-display[data-v-76549c3b]{position:relative;display:flex;align-items:center}.keypad-input{&[data-v-76549c3b]{flex:1;padding:.5rem;margin:2px;font-size:1.1rem;text-align:right;cursor:pointer;font-family:monospace;border:none;box-shadow:inset 0 0 1px var(--secondary-border, #ccc)}&[data-v-76549c3b]:placeholder-shown{color:var(--default-400, #aaa);font-family:inherit;text-align:center;font-size:.8rem}}.keypad-input[data-v-76549c3b]:focus{outline:2px solid var(--primary-500, #2196f3);border-color:var(--primary-500, #2196f3)}.clear-btn[data-v-76549c3b]{position:absolute;right:.5rem;padding:.25rem;font-size:1.2rem;color:var(--default-500, #666);background:none;border:none;cursor:pointer;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.clear-btn[data-v-76549c3b]:hover{background-color:var(--default-200, #eee);color:var(--danger-600, #d32f2f)}.keypad-grid[data-v-76549c3b]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem}.keypad-btn[data-v-76549c3b]{min-height:3rem;border:1px solid var(--default-300, #ccc);border-radius:var(--border-radius, 4px);background-color:var(--default-50, #fff);font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;user-select:none}.keypad-btn[data-v-76549c3b]:hover:not(:disabled){background-color:var(--primary-100, #e3f2fd);border-color:var(--primary-300, #90caf9);transform:translateY(-1px)}.keypad-btn[data-v-76549c3b]:active:not(:disabled){transform:translateY(0);background-color:var(--primary-200, #bbdefb)}.keypad-btn[data-v-76549c3b]:disabled{opacity:.5;cursor:not-allowed;background-color:var(--default-100, #f5f5f5)}.number-btn[data-v-76549c3b]{color:var(--default-700, #333)}.decimal-btn[data-v-76549c3b]{grid-column:1;grid-row:5;color:var(--primary-600, #1976d2);font-weight:700}.span-btn[data-v-76549c3b]{grid-column:1 / 3}.backspace-btn[data-v-76549c3b]{color:var(--warning-600, #f57c00);font-size:1.4rem}.clear-btn-grid[data-v-76549c3b]{color:var(--danger-600, #d32f2f);font-weight:700}.enter-btn[data-v-76549c3b]{grid-column:2 / 4;background-color:var(--primary-500, #2196f3);color:#fff;font-weight:700}.enter-btn[data-v-76549c3b]:hover:not(:disabled){background-color:var(--primary-600, #1976d2)}.keypad-actions[data-v-76549c3b]{display:flex;justify-content:space-between;align-items:center;gap:.5rem}@media (max-width: 480px){.keypad-container[data-v-76549c3b]{max-width:100%}.keypad-btn[data-v-76549c3b]{min-height:2.5rem;font-size:1.1rem}.keypad-input[data-v-76549c3b]{font-size:1rem}}pre[data-v-04d79381]{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;background-color:var(--default-50);padding:.5rem;border-radius:4px}.face-clockin-page[data-v-4ebc1bb2]{padding:2rem 1rem}.page-header[data-v-4ebc1bb2]{text-align:center;margin-bottom:3rem}.page-header h1[data-v-4ebc1bb2]{margin-bottom:.5rem;color:var(--primary);font-size:2.5rem;font-weight:700}.subtitle[data-v-4ebc1bb2]{color:var(--default-600);font-size:1.1rem;margin:0}.status-card[data-v-4ebc1bb2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;border-radius:calc(var(--border-radius) * 2);margin-bottom:2rem}.status-card.matching[data-v-4ebc1bb2]{background:linear-gradient(135deg,var(--primary-100),var(--primary-50));border:1px solid var(--primary-200)}.loading-spinner[data-v-4ebc1bb2]{width:3rem;height:3rem;border:4px solid var(--primary-200);border-top:4px solid var(--primary);border-radius:50%;animation:spin-4ebc1bb2 1s linear infinite;margin-bottom:1rem}@keyframes spin-4ebc1bb2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.employee-section[data-v-4ebc1bb2]{margin-bottom:2rem}.employee-header[data-v-4ebc1bb2]{padding:2rem;border-radius:calc(var(--border-radius) * 2)}.employee-info[data-v-4ebc1bb2]{display:flex;align-items:center;gap:1.5rem}.employee-photo[data-v-4ebc1bb2]{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.8);box-shadow:0 4px 12px #00000026}.employee-details h2[data-v-4ebc1bb2]{margin:0 0 1rem;font-size:1.8rem;color:var(--success-900)}.match-confidence[data-v-4ebc1bb2]{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.confidence-label[data-v-4ebc1bb2]{font-weight:600;color:var(--success-800)}.confidence-bar[data-v-4ebc1bb2]{flex:1;height:8px;background:#ffffff80;border-radius:4px;overflow:hidden;min-width:120px}.confidence-fill[data-v-4ebc1bb2]{height:100%;background:linear-gradient(90deg,var(--success),var(--success-400));transition:width .3s ease}.confidence-value[data-v-4ebc1bb2]{font-weight:700;color:var(--success-900)}.timesheet-card[data-v-4ebc1bb2]{margin-bottom:1.5rem;border:1px solid var(--default-200)}.timesheet-header[data-v-4ebc1bb2]{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));padding:1.5rem;margin:-1rem -1rem 1.5rem;border-radius:calc(var(--border-radius) * 2) calc(var(--border-radius) * 2) 0 0}.timesheet-header h3[data-v-4ebc1bb2]{margin:0 0 .5rem;color:var(--primary-800);font-size:1.2rem;font-weight:600}.period-dates[data-v-4ebc1bb2]{font-size:.95rem;color:var(--primary-700);font-weight:500}.timesheet-entries[data-v-4ebc1bb2]{margin-bottom:2rem}.entry-card[data-v-4ebc1bb2]{background:var(--default-50);border:1px solid var(--default-200);border-radius:var(--border-radius);padding:.5rem;margin-bottom:1rem;transition:all .2s ease}.entry-card[data-v-4ebc1bb2]:hover{border-color:var(--primary-200);box-shadow:0 2px 8px #00000014}.entry-header[data-v-4ebc1bb2]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.entry-time[data-v-4ebc1bb2]{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}.time-in[data-v-4ebc1bb2]{color:var(--success-700)}.time-separator[data-v-4ebc1bb2]{color:var(--default-400)}.time-out[data-v-4ebc1bb2]{color:var(--danger-700)}.time-out.active[data-v-4ebc1bb2]{color:var(--warning-700);font-weight:700;position:relative}.time-out.active[data-v-4ebc1bb2]:after{content:"";position:absolute;top:50%;right:-12px;width:8px;height:8px;background:var(--warning);border-radius:50%;animation:pulse-4ebc1bb2 2s infinite}@keyframes pulse-4ebc1bb2{0%{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(1.2)}to{opacity:1;transform:translateY(-50%) scale(1)}}.entry-duration[data-v-4ebc1bb2]{background:var(--primary-100);color:var(--primary-800);padding:.375rem .75rem;border-radius:var(--border-radius);font-weight:600;font-size:.9rem}.entry-description[data-v-4ebc1bb2]{margin-bottom:1rem}.description-label[data-v-4ebc1bb2]{display:block;font-weight:600;color:var(--default-700);margin-bottom:.5rem}.description-input[data-v-4ebc1bb2]{width:100%;min-height:4rem}.active-entry-actions[data-v-4ebc1bb2]{display:flex;justify-content:flex-end}.clock-out-btn[data-v-4ebc1bb2]{display:flex;align-items:center;gap:.5rem}.timesheet-actions[data-v-4ebc1bb2]{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--default-200);flex-wrap:wrap}.camera-section[data-v-4ebc1bb2]{text-align:center}.camera-container[data-v-4ebc1bb2]{background:var(--default-50);border:2px dashed var(--default-300);border-radius:calc(var(--border-radius) * 3);padding:2rem 1rem;margin-bottom:2rem}.camera-container h2[data-v-4ebc1bb2]{margin:0 0 .5rem;color:var(--default-700);font-size:1.5rem}.camera-instructions[data-v-4ebc1bb2]{color:var(--default-600);margin:0 0 2rem;font-size:1rem}@media (max-width: 600px){.face-clockin-page[data-v-4ebc1bb2]{padding:1rem .5rem}.employee-info[data-v-4ebc1bb2]{flex-direction:column;text-align:center;gap:1rem}.employee-details h2[data-v-4ebc1bb2]{font-size:1.5rem}.entry-header[data-v-4ebc1bb2]{flex-direction:column;align-items:stretch}.timesheet-actions[data-v-4ebc1bb2]{flex-direction:column}.confidence-bar[data-v-4ebc1bb2]{min-width:100px}}.pin-login[data-v-4ebc1bb2]{max-width:300px;margin:0 auto}