.keypad-container[data-v-ef31ae84]{--keypad-gap: .875rem;--keypad-key-min: 4.5rem;--keypad-key-max: 9.375rem;--keypad-radius: calc(var(--border-radius) * 6);--keypad-face: #fff;--keypad-edge: color-mix(in lab, var(--default), #000 5%);display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:35rem;margin-inline:auto;flex:1 1 auto;min-height:0}.keypad-label-hidden[data-v-ef31ae84]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pin-field[data-v-ef31ae84]{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:4rem;padding:.625rem 1rem;background:var(--keypad-face);border:1.5px solid var(--keypad-edge);border-radius:var(--keypad-radius)}.pin-field[data-v-ef31ae84]:has(.pin-input:focus-visible){outline:3px solid var(--primary);outline-offset:2px}.pin-pips[data-v-ef31ae84]{display:flex;gap:.875rem}.pin-pip[data-v-ef31ae84]{width:2.75rem;height:2.75rem;box-sizing:border-box;border:2px solid var(--default-400);border-radius:50%;background:var(--keypad-face);transition:background-color .12s ease,border-color .12s ease}.pin-pip.is-filled[data-v-ef31ae84]{background:var(--primary);border-color:var(--primary)}.pin-pip.is-next[data-v-ef31ae84]{border-width:3px;border-color:var(--primary)}.pin-input[data-v-ef31ae84]{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:transparent;caret-color:transparent;-webkit-text-security:disc;font-size:1rem;cursor:pointer}.pin-input[data-v-ef31ae84]:focus{outline:none}.keypad-input[data-v-ef31ae84]{width:100%;box-sizing:border-box;height:auto;padding:.5rem .75rem;font-size:clamp(2rem,6vw,3rem);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;text-align:right;background:var(--keypad-face);border:1.5px solid var(--keypad-edge);border-radius:var(--keypad-radius)}.keypad-input[data-v-ef31ae84]:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.keypad-status[data-v-ef31ae84]{display:flex;align-items:center;gap:.625rem;flex:0 0 auto;margin:0;min-height:3rem;box-sizing:border-box;padding:.625rem 1rem;font-size:1.125rem;line-height:1.35;color:var(--default-900);background:var(--default-100);border:1.5px solid var(--default-200);border-radius:var(--keypad-radius)}.keypad-status.is-error[data-v-ef31ae84]{font-weight:600;color:var(--danger-900);background:var(--danger-100);border-color:var(--danger-300)}.keypad-status.is-busy[data-v-ef31ae84]{background:var(--primary-100);border-color:var(--primary-300)}.keypad-status[data-v-ef31ae84] .icon{flex:0 0 auto;width:1.5rem;height:1.5rem;color:var(--danger-700)}.keypad-spinner[data-v-ef31ae84]{flex:0 0 auto;width:1.5rem;height:1.5rem;border:3px solid var(--primary-200);border-top-color:var(--primary);border-radius:50%;animation:keypad-spin-ef31ae84 1s linear infinite}@keyframes keypad-spin-ef31ae84{to{transform:rotate(360deg)}}.keypad-grid[data-v-ef31ae84]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(var(--keypad-key-min),1fr);gap:var(--keypad-gap);flex:1 1 auto;min-height:0;max-height:calc(4 * var(--keypad-key-max) + 3 * var(--keypad-gap))}.keypad-btn[data-v-ef31ae84]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-height:var(--keypad-key-min);font-family:inherit;background:var(--keypad-face);color:var(--default-900);border:1.5px solid var(--keypad-edge);border-radius:var(--keypad-radius);cursor:pointer;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,border-color .12s ease}.number-btn[data-v-ef31ae84]{font-size:clamp(2rem,5vh,2.875rem);font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.util-btn[data-v-ef31ae84]{font-size:1.1875rem;font-weight:600;color:var(--default-800);background:var(--default-200)}.util-btn[data-v-ef31ae84] .icon{width:1.875rem;height:1.875rem}.keypad-btn[data-v-ef31ae84]:active:not(:disabled){background:var(--primary-200);border-color:var(--primary)}.keypad-btn[data-v-ef31ae84]:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.keypad-btn[data-v-ef31ae84]:disabled{opacity:.45;cursor:default}.keypad-confirm[data-v-ef31ae84]{display:flex;flex:0 0 auto;gap:var(--keypad-gap)}.keypad-confirm-clear[data-v-ef31ae84]{flex:1 1 0;height:4.5rem;min-height:4.5rem}.keypad-enter[data-v-ef31ae84]{flex:2 1 0;display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:4.5rem;font-family:inherit;font-size:1.875rem;font-weight:700;color:#fff;background:var(--success-700);border:1.5px solid transparent;border-radius:var(--keypad-radius);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease}.keypad-enter[data-v-ef31ae84] .icon{width:2.125rem;height:2.125rem}.keypad-enter[data-v-ef31ae84]:active:not(:disabled){background:var(--success-800)}.keypad-enter[data-v-ef31ae84]:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.keypad-enter[data-v-ef31ae84]:disabled{color:var(--default-800);background:var(--default-100);border:1.5px dashed var(--default-400);cursor:default}.keypad-actions[data-v-ef31ae84]{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.element[data-v-d403ed64]{display:flex;position:relative;height:calc(1.5rem + 7px);padding:.25rem .5rem .25rem 0}input[data-v-d403ed64]{flex:1}.element:hover .clear-button{&[data-v-d403ed64]:hover{background-color:var(--danger)}}.element[data-v-d403ed64] svg{fill:#999}pre[data-v-df79d4bf]{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;background-color:var(--default-50);padding:.5rem;border-radius:4px}.consumed-unset[data-v-df79d4bf]{background-color:#9999991a;border-left:4px solid #999}.over-consumed[data-v-df79d4bf]{background-color:#f443361a;border-left:4px solid #f44336}.consumed-ok[data-v-df79d4bf]{background-color:#4caf501a;border-left:4px solid #4caf50}.consumed-ok-partial[data-v-df79d4bf]{background-color:#ff98001a;border-left:4px solid #ff9800}.face-clockin-page[data-v-a94adc1d]{padding:2rem 1rem}.status-card[data-v-a94adc1d]{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-a94adc1d]{background:linear-gradient(135deg,var(--primary-100),var(--primary-50));border:1px solid var(--primary-200)}.loading-spinner[data-v-a94adc1d]{width:3rem;height:3rem;border:4px solid var(--primary-200);border-top:4px solid var(--primary);border-radius:50%;animation:spin-a94adc1d 1s linear infinite;margin-bottom:1rem}@keyframes spin-a94adc1d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.employee-section[data-v-a94adc1d]{margin-bottom:2rem}.employee-header[data-v-a94adc1d]{padding:1rem;border-radius:calc(var(--border-radius) * 2)}.employee-info[data-v-a94adc1d]{display:flex;align-items:center;gap:1.5rem}.employee-photo[data-v-a94adc1d]{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-a94adc1d]{margin:0 0 1rem;font-size:1.8rem;color:var(--success-900)}.match-confidence[data-v-a94adc1d]{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.confidence-label[data-v-a94adc1d]{font-weight:600;color:var(--success-800)}.confidence-bar[data-v-a94adc1d]{flex:1;height:8px;background:#ffffff80;border-radius:4px;overflow:hidden;min-width:120px}.confidence-fill[data-v-a94adc1d]{height:100%;background:linear-gradient(90deg,var(--success),var(--success-400));transition:width .3s ease}.confidence-value[data-v-a94adc1d]{font-weight:700;color:var(--success-900)}.timesheet-card[data-v-a94adc1d]{margin-bottom:1.5rem;border:1px solid var(--default-200)}.timesheet-header[data-v-a94adc1d]{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-a94adc1d]{margin:0 0 .5rem;color:var(--primary-800);font-size:1.2rem;font-weight:600}.period-dates[data-v-a94adc1d]{font-size:.95rem;color:var(--primary-700);font-weight:500}.timesheet-entries[data-v-a94adc1d]{margin-bottom:2rem}.entry-card[data-v-a94adc1d]{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-a94adc1d]:hover{border-color:var(--primary-200);box-shadow:0 2px 8px #00000014}.entry-header[data-v-a94adc1d]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.entry-time[data-v-a94adc1d]{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}.time-in[data-v-a94adc1d]{color:var(--success-700)}.time-separator[data-v-a94adc1d]{color:var(--default-400)}.time-out[data-v-a94adc1d]{color:var(--danger-700)}.time-out.active[data-v-a94adc1d]{color:var(--warning-700);font-weight:700;position:relative}.time-out.active[data-v-a94adc1d]:after{content:"";position:absolute;top:50%;right:-12px;width:8px;height:8px;background:var(--warning);border-radius:50%;animation:pulse-a94adc1d 2s infinite}@keyframes pulse-a94adc1d{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-a94adc1d]{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-a94adc1d]{margin-bottom:1rem}.current-entry-description[data-v-a94adc1d]{flex:0 0 100%;margin:0;white-space:pre-wrap;color:var(--default-700);font-style:italic}.description-input[data-v-a94adc1d]{width:100%;min-height:8rem;font-size:1.25rem;line-height:1.4;padding:.75rem;resize:vertical}.description-label[data-v-a94adc1d]{display:block;font-weight:600;color:var(--default-700);margin-bottom:.5rem}.description-input[data-v-a94adc1d]{width:100%;min-height:4rem}.active-entry-actions[data-v-a94adc1d]{display:flex;justify-content:flex-end}.clock-out-btn[data-v-a94adc1d]{display:flex;align-items:center;gap:.5rem}.timesheet-actions[data-v-a94adc1d]{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-a94adc1d]{text-align:center}.camera-container[data-v-a94adc1d]{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 h1[data-v-a94adc1d]{margin:0 0 .5rem;color:var(--default-800);font-size:2rem}.camera-instructions[data-v-a94adc1d]{color:var(--default-700);margin:0 0 2rem;font-size:1.25rem}@media (max-width: 600px){.face-clockin-page[data-v-a94adc1d]{padding:1rem .5rem}.employee-info[data-v-a94adc1d]{flex-direction:column;text-align:center;gap:1rem}.employee-details h2[data-v-a94adc1d]{font-size:1.5rem}.entry-header[data-v-a94adc1d]{flex-direction:column;align-items:stretch}.timesheet-actions[data-v-a94adc1d]{flex-direction:column}.confidence-bar[data-v-a94adc1d]{min-width:100px}}.clockin-bar[data-v-a94adc1d]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;text-align:left}.clockin-modes[data-v-a94adc1d]{display:flex;gap:.625rem}.clockin-mode[data-v-a94adc1d]{display:flex;align-items:center;gap:.625rem;min-height:4rem;padding:0 1.5rem;font-family:inherit;font-size:1.3125rem;font-weight:600;color:var(--default-800);background:#fff;border:1.5px solid color-mix(in lab,var(--default),#000 5%);border-radius:calc(var(--border-radius) * 6);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,border-color .12s ease}.clockin-mode[data-v-a94adc1d] .icon{width:1.625rem;height:1.625rem}.clockin-mode.is-active[data-v-a94adc1d]{font-weight:700;color:#fff;background:var(--primary);border-color:var(--primary)}.clockin-mode[data-v-a94adc1d]:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.clockin-clock[data-v-a94adc1d]{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;margin:0;line-height:1.1}.clockin-time[data-v-a94adc1d]{font-size:2.25rem;font-weight:700;font-variant-numeric:tabular-nums}.clockin-date[data-v-a94adc1d]{font-size:1rem;color:var(--default-700)}.pin-login[data-v-a94adc1d]{display:flex;flex-direction:column;gap:1.5rem;max-width:35rem;margin:0 auto;text-align:left}.pin-intro h1[data-v-a94adc1d]{margin:0;font-size:2.25rem;font-weight:700;line-height:1.1}@media (min-width: 60rem) and (orientation: landscape){.face-clockin-page[data-v-a94adc1d]{padding:1rem}.camera-section[data-v-a94adc1d]{display:flex;flex-direction:column;height:calc(100svh - 6rem);min-height:30rem}.clockin-bar[data-v-a94adc1d]{flex:0 0 auto}.pin-login[data-v-a94adc1d]{flex:1 1 auto;flex-direction:row;align-items:stretch;gap:3rem;min-height:0;width:100%;max-width:64rem}.pin-intro[data-v-a94adc1d]{flex:1 1 0;align-self:center;max-width:26rem;text-align:left}.pin-login[data-v-a94adc1d] .keypad-container{flex:0 1 35rem;margin-inline:0}}