.fastpin-overlay[data-v-51534de2]{z-index:100;background:var(--bg-canvas);padding:calc(24px + var(--safe-area-top)) calc(24px + var(--safe-area-right)) calc(24px + var(--safe-area-bottom)) calc(24px + var(--safe-area-left));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fastpin-panel[data-v-51534de2]{flex-direction:column;gap:18px;width:100%;max-width:420px;display:flex}.fastpin-header[data-v-51534de2]{text-align:center}.fastpin-eyebrow[data-v-51534de2]{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-subtle);margin:0 0 4px;font-size:11px}.fastpin-title[data-v-51534de2]{color:var(--fg-default);margin:0 0 4px;font-size:20px;font-weight:700}.fastpin-hint[data-v-51534de2]{color:var(--fg-muted);margin:0;font-size:14px}.sr-only[data-v-51534de2]{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.fastpin-search-field[data-v-51534de2]{display:block}.fastpin-empty[data-v-51534de2],.fastpin-error[data-v-51534de2]{text-align:center;font-size:14px}.fastpin-error[data-v-51534de2]{color:var(--err-ink)}.fastpin-empty[data-v-51534de2]{color:var(--fg-muted)}.fastpin-roster[data-v-51534de2]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:50vh;display:grid;overflow-y:auto}.fastpin-roster__item[data-v-51534de2]{border:1px solid var(--line-hairline);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;align-items:center;gap:10px;min-height:56px;padding:8px 12px;display:flex}.fastpin-roster__item[data-v-51534de2]:active{background:var(--bg-sunken)}.fastpin-roster__avatar[data-v-51534de2]{background:var(--action-soft);width:36px;height:36px;color:var(--fg-default);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.fastpin-roster__name[data-v-51534de2]{color:var(--fg-default);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.fastpin-pin-display[data-v-51534de2]{justify-content:center;gap:14px;min-height:28px;display:flex}.fastpin-pin-dot[data-v-51534de2]{font-size:20px;line-height:1;font-family:var(--font-mono);color:var(--fg-default);text-align:center;min-width:16px}.fastpin-pin-dot--revealed[data-v-51534de2]{color:var(--action-fill)}.fastpin-keypad[data-v-51534de2]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.fastpin-keypad__btn[data-v-51534de2]{border-radius:var(--radius-md);border:1px solid var(--line-hairline);background:var(--bg-surface);min-width:48px;min-height:48px;color:var(--fg-default);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;transition:none;display:flex}.fastpin-keypad__btn[data-v-51534de2]:active:not(:disabled){background:var(--bg-sunken)}.fastpin-keypad__btn[data-v-51534de2]:focus-visible{outline:2px solid var(--fg-default);outline-offset:2px}.fastpin-keypad__btn[data-v-51534de2]:disabled{opacity:.45;cursor:not-allowed}.fastpin-keypad__btn--aux[data-v-51534de2]{color:var(--fg-muted);font-size:1rem}.fastpin-actions[data-v-51534de2]{gap:10px;display:flex}.fastpin-actions .btn[data-v-51534de2]{flex:1}@media (width>=1024px){.fastpin-keypad__btn[data-v-51534de2]{min-width:64px;min-height:64px;font-size:1.6rem}}.pos-offline-status[data-v-b69893e7]{flex-shrink:0}.pos-offline-status__pill[data-v-b69893e7]{font-family:var(--font-mono);background:var(--bg-surface);border:1px solid var(--line-hairline);color:var(--fg-muted);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.pos-offline-status__pill--online[data-v-b69893e7]{border-color:var(--ok-solid);background:var(--ok-tint);color:var(--ok-ink)}.pos-offline-status__pill--pending[data-v-b69893e7],.pos-offline-status__pill--offline[data-v-b69893e7]{border-color:var(--warn-solid);background:var(--warn-tint);color:var(--warn-ink)}.dot[data-v-b69893e7]{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot--online[data-v-b69893e7]{background:var(--ok-solid)}.dot--pending[data-v-b69893e7],.dot--offline[data-v-b69893e7]{background:var(--warn-solid)}.sync-btn[data-v-b69893e7]{color:var(--info-ink);font:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-4px -6px;padding:8px 12px;font-weight:700;text-decoration:underline;display:inline-flex}.sync-btn[data-v-b69893e7]:disabled{opacity:.5;cursor:not-allowed}.op-switch__chip[data-v-fb344ec5]{border:1px solid var(--line-hairline);background:var(--bg-canvas);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-end;gap:1px;max-width:130px;min-height:44px;padding:5px 10px;display:flex}.op-switch__label[data-v-fb344ec5]{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle);font-size:8.5px}.op-switch__name[data-v-fb344ec5]{color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:12px;font-weight:600;overflow:hidden}.op-switch__hint[data-v-fb344ec5]{color:var(--fg-muted);margin:0 0 12px;font-size:13px}.op-switch__empty[data-v-fb344ec5]{color:var(--fg-subtle);margin:0;font-size:13px}.op-switch__list[data-v-fb344ec5]{flex-direction:column;gap:8px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.op-switch__candidate[data-v-fb344ec5]{border:1px solid var(--line-hairline);background:var(--bg-surface);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:50px;padding:0 14px;display:flex}.op-switch__candidate-name[data-v-fb344ec5]{color:var(--fg-muted);font-size:15px;font-weight:500}.op-switch__form[data-v-fb344ec5]{flex-direction:column;gap:6px;display:flex}.op-switch__error[data-v-fb344ec5]{color:var(--err-solid);margin:4px 0 0;font-size:13px}.timeclock-modal[data-v-e9847a55]{flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:.5rem 0;display:flex}.timeclock-instruction[data-v-e9847a55]{color:var(--color-text-secondary,#71717a);text-align:center;margin-bottom:1.25rem;font-size:.95rem}.timeclock-pin-display[data-v-e9847a55]{justify-content:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.pin-dot[data-v-e9847a55]{border:2px solid var(--color-border,#3f3f46);background:0 0;border-radius:50%;width:20px;height:20px;transition:all .15s ease-in-out}.pin-dot.filled[data-v-e9847a55]{background:var(--action-fill);border-color:var(--action-fill);transform:scale(1.1);box-shadow:0 0 10px #6366f180}.timeclock-error[data-v-e9847a55]{color:#ef4444;text-align:center;margin-bottom:1rem;font-size:.875rem;font-weight:500}.keypad-grid[data-v-e9847a55]{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:300px;display:grid}.keypad-btn[data-v-e9847a55]{border:1px solid var(--color-border,#27272a);background:var(--bg-surface);height:60px;color:var(--fg-default);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;transition:all .1s;display:flex}.keypad-btn[data-v-e9847a55]:active:not(:disabled){background:var(--action-fill);color:#fff;transform:scale(.96)}.keypad-btn--aux[data-v-e9847a55]{color:var(--color-text-secondary,#a1a1aa);background:var(--bg-sunken);font-size:1.1rem}.timeclock-success[data-v-e9847a55]{text-align:center;flex-direction:column;align-items:center;animation:.25s ease-out fadeIn-e9847a55;display:flex}@keyframes fadeIn-e9847a55{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.timeclock-avatar[data-v-e9847a55]{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1rem;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 14px #6366f166}.timeclock-employee-name[data-v-e9847a55]{color:var(--fg-default);margin:0 0 .5rem;font-size:1.4rem;font-weight:600}.timeclock-badge[data-v-e9847a55]{border-radius:9999px;align-items:center;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.95rem;font-weight:600;display:inline-flex}.badge-in[data-v-e9847a55]{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.badge-out[data-v-e9847a55]{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.timeclock-time[data-v-e9847a55]{color:var(--color-text-secondary,#a1a1aa);font-variant-numeric:tabular-nums;margin:0 0 1rem;font-size:1.1rem}.timeclock-duration[data-v-e9847a55]{gap:.5rem;margin-bottom:1.25rem;font-size:1rem;display:flex}.timeclock-duration-label[data-v-e9847a55]{color:var(--color-text-secondary,#a1a1aa)}.timeclock-duration-value[data-v-e9847a55]{color:var(--action-fill);font-weight:600}.timeclock-auto-close-hint[data-v-e9847a55]{color:var(--color-text-secondary,#71717a);margin-top:.5rem;font-size:.8rem}.timeclock-roster[data-v-e9847a55]{flex-direction:column;gap:.5rem;width:100%;max-width:320px;max-height:220px;margin-bottom:.5rem;display:flex;overflow-y:auto}.timeclock-roster-item[data-v-e9847a55]{border:1px solid var(--color-border,#27272a);background:var(--bg-surface);color:var(--fg-default);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.timeclock-roster-item[data-v-e9847a55]:active{background:var(--bg-sunken)}.timeclock-roster-avatar[data-v-e9847a55]{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.timeclock-roster-name[data-v-e9847a55]{font-weight:600}.timeclock-change-user[data-v-e9847a55]{color:var(--action-fill);cursor:pointer;background:0 0;border:none;margin-bottom:.75rem;font-size:.85rem;text-decoration:underline}.pos-shell[data-v-cacccede]{background:var(--bg-canvas);flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0 auto;display:flex}.pos-appbar[data-v-cacccede]{padding:calc(12px + var(--safe-area-top)) calc(20px + var(--safe-area-right)) 12px calc(20px + var(--safe-area-left));border-bottom:1px solid var(--line-hairline);background:var(--bg-canvas);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.pos-appbar__left[data-v-cacccede]{flex-shrink:0;align-items:center;gap:10px;min-width:max-content;display:flex}.pos-back[data-v-cacccede]{min-width:44px;min-height:44px;color:var(--fg-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}.pos-appbar__titles[data-v-cacccede]{flex-direction:column;justify-content:center;display:flex}.pos-appbar__title[data-v-cacccede]{letter-spacing:-.01em;white-space:nowrap;color:var(--fg-default);margin:0;font-size:17px;font-weight:600;line-height:1.25}.pos-appbar__subtitle[data-v-cacccede]{font-family:var(--font-mono);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;margin:2px 0 0;font-size:10px}.pos-appbar__right[data-v-cacccede]{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pos-timeclock-btn[data-v-cacccede]{min-height:44px;font-family:var(--font-mono);border:1px solid var(--line-hairline);background:var(--bg-canvas);color:var(--fg-default);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:7px 12px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.pos-timeclock-btn[data-v-cacccede]:hover{background:var(--bg-sunken);border-color:var(--action-fill)}.pos-logout[data-v-cacccede],.pos-panel-exit[data-v-cacccede]{min-height:44px;font-family:var(--font-mono);border:1px solid var(--line-hairline);background:var(--bg-canvas);color:var(--fg-muted);cursor:pointer;border-radius:8px;flex-shrink:0;padding:7px 12px;font-size:11px}.pos-panel-exit[data-v-cacccede]{color:var(--fg-default)}.pos-appbar__narrow-only[data-v-cacccede]{display:none}.pos-banner[data-v-cacccede]{border-radius:10px;justify-content:space-between;align-items:flex-start;gap:8px;margin:0 18px;padding:10px 12px;font-size:14px;display:flex}.pos-banner.error[data-v-cacccede]{background:var(--err-tint);color:#7a2e2a;border:1px solid #e8b4b0}.pos-banner.info[data-v-cacccede]{background:var(--action-soft);border:1px solid var(--line-hairline);color:var(--fg-muted)}.pos-banner__dismiss[data-v-cacccede]{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:none;margin:-10px -12px -10px 0;padding:0;font-size:18px;line-height:1}.pos-main[data-v-cacccede]{padding:16px calc(18px + var(--safe-area-right)) 24px calc(18px + var(--safe-area-left));flex:1;overflow-y:auto}.pos-shell--split[data-v-cacccede]{height:100dvh;min-height:0;overflow:hidden}.pos-shell--split .pos-main[data-v-cacccede]{min-height:0;padding:0;display:flex;overflow:hidden}.pos-shell--split .pos-main[data-v-cacccede]:last-child{padding-bottom:0}.pos-main[data-v-cacccede]:last-child{padding-bottom:calc(24px + var(--safe-area-bottom))}.pos-footer[data-v-cacccede]{border-top:1px solid var(--line-hairline);background:var(--bg-canvas);padding:13px calc(16px + var(--safe-area-right)) calc(13px + var(--safe-area-bottom)) calc(16px + var(--safe-area-left));flex-shrink:0}@media (width<=600px){.pos-appbar[data-v-cacccede]{min-height:calc(48px + var(--safe-area-top));padding:var(--safe-area-top) calc(8px + var(--safe-area-right)) 0 calc(4px + var(--safe-area-left));gap:8px}.pos-appbar__left[data-v-cacccede]{flex:auto;gap:2px;min-width:0}.pos-appbar__titles[data-v-cacccede]{min-width:72px;overflow:hidden}.pos-appbar__title[data-v-cacccede]{text-overflow:ellipsis;font-size:16px;overflow:hidden}.pos-appbar__subtitle[data-v-cacccede]{text-overflow:ellipsis;overflow:hidden}.pos-appbar__right[data-v-cacccede]{scrollbar-width:none;flex-wrap:nowrap;flex:0 auto;gap:6px;min-width:0;overflow-x:auto}.pos-appbar__right[data-v-cacccede]>*{flex-shrink:0}.pos-appbar__right[data-v-cacccede]::-webkit-scrollbar{display:none}.pos-appbar__wide-only[data-v-cacccede]{display:none}.pos-appbar__narrow-only[data-v-cacccede]{justify-content:center;align-items:center;display:inline-flex}.pos-panel-exit[data-v-cacccede]{min-width:44px;padding:7px 8px}.pos-appbar__identity[data-v-cacccede]{text-overflow:ellipsis;max-width:96px;overflow:hidden}.pos-timeclock-btn[data-v-cacccede]{justify-content:center;min-width:44px;padding:0;font-size:16px}.pos-timeclock-btn__label[data-v-cacccede]{display:none}.pos-logout[data-v-cacccede]{padding:7px 8px}}
