@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/plus-jakarta-sans-latin-400-normal-Dhut76fR.woff2)format("woff2"),url(/assets/plus-jakarta-sans-latin-400-normal-BDKaGhyp.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/plus-jakarta-sans-latin-500-normal-Bf-nb4oT.woff2)format("woff2"),url(/assets/plus-jakarta-sans-latin-500-normal-DYtqi0QS.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/plus-jakarta-sans-latin-600-normal-DLTa1BUW.woff2)format("woff2"),url(/assets/plus-jakarta-sans-latin-600-normal-BR_Ojra4.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/plus-jakarta-sans-latin-700-normal-CfpNZvy6.woff2)format("woff2"),url(/assets/plus-jakarta-sans-latin-700-normal-DqEcQeE5.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/plus-jakarta-sans-latin-800-normal-CusIZhrK.woff2)format("woff2"),url(/assets/plus-jakarta-sans-latin-800-normal-BRNHt2w0.woff)format("woff")}:root{--k-primary:#12805f;--k-primary-bright:#159a73;--k-primary-tint:#e9f4ef;--k-primary-dark:#12302a;--k-danger:#b42318;--k-danger-tint:#fee2e2;--k-accent:#eaa63a;--k-accent-tint:#fdf3e0;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-900:#111827;--success:#12805f;--success-light:#e9f4ef;--radius:16px;--sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);color:var(--gray-900);user-select:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--k-primary);outline-offset:2px;border-radius:8px}html,body,#root{height:100%}body{background:linear-gradient(160deg, var(--k-primary-bright) 0%, var(--k-primary) 100%);overscroll-behavior:none;touch-action:manipulation}#root{justify-content:center;align-items:stretch;display:flex}@media (min-width:600px){#root{align-items:center;padding:24px}}h1{font-weight:800}.tnum{font-variant-numeric:tabular-nums}.prompt{text-align:center;color:var(--gray-700);margin-bottom:12px;font-size:16px;font-weight:600}.prompt small{color:var(--gray-400);margin-top:4px;font-size:13px;font-weight:400;display:block}.k-btn{border-radius:var(--radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:10px;height:58px;font-family:inherit;font-size:18px;font-weight:700;transition:transform 60ms,background .15s,opacity .15s;display:flex}.k-btn svg{width:24px;height:24px}.k-btn:active{transform:scale(.97)}.k-btn:disabled{opacity:.45;cursor:not-allowed}.k-btn--in{background:var(--k-primary);color:#fff}.k-btn--in:not(:disabled):hover{background:var(--k-primary-dark)}.k-btn--out{color:var(--k-primary);border:2px solid var(--k-primary);background:#fff}.k-btn--out:not(:disabled):hover{background:var(--k-primary-tint)}.k-btn--ghost{background:var(--gray-100);color:var(--gray-600)}.k-btn--full{width:100%}.k-link{text-align:center;margin-top:16px}.k-link button{-webkit-appearance:none;appearance:none;color:var(--gray-500);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:600}.k-link button:hover{color:var(--k-primary)}.confirm{text-align:center;padding:14px 0 6px}.confirm--full{flex-direction:column;flex:auto;justify-content:center;min-height:0;display:flex}.confirm-ring{border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 18px;display:flex}.confirm-ring svg{width:52px;height:52px}.confirm-ring--ok{background:var(--success-light);color:var(--success)}.confirm-ring--err{background:var(--k-danger-tint);color:var(--k-danger)}.confirm-ring--warn{background:var(--k-accent-tint);color:var(--k-accent)}.confirm-ring--info{background:var(--k-primary-tint);color:var(--k-primary)}.confirm-title{color:var(--gray-900);font-size:26px;font-weight:800}.confirm-name{color:var(--gray-600);margin-top:4px;font-size:16px;font-weight:500}.confirm-meta{background:var(--gray-100);color:var(--gray-700);border-radius:30px;align-items:center;gap:10px;margin-top:16px;padding:10px 18px;font-size:15px;font-weight:700;display:inline-flex}.confirm-meta svg{width:18px;height:18px}.confirm-note{color:var(--gray-400);margin-top:14px;font-size:13px}.confirm-sub{color:var(--gray-500);margin-top:8px;font-size:14px;line-height:1.5}.confirm-sub strong{color:var(--gray-700)}.auto-return{color:var(--gray-400);margin-top:22px;font-size:12px}.banner{text-align:center;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;line-height:1.4}.banner--error{background:var(--k-danger-tint);color:var(--k-danger)}.frame{justify-content:center;width:100%;height:100%;display:flex}.frame__card{width:100%;height:100vh;background:#fff;flex-direction:column;height:100svh;display:flex;overflow:hidden}@media (min-width:600px){.frame__card{border-radius:28px;width:480px;height:760px;max-height:calc(100svh - 48px);margin:auto;box-shadow:0 30px 80px rgba(0,0,0,.35)}}.frame__header{padding:max(14px, env(safe-area-inset-top)) 22px 14px;border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:12px;display:flex}.frame__brand{align-items:center;gap:10px;min-width:0;display:flex}.frame__mark{background:var(--k-primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex}.frame__brand-text{min-width:0}.frame__company{color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.frame__sub{color:var(--gray-400);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.frame__status{text-align:right;flex-shrink:0}.frame__time-row{justify-content:flex-end;align-items:center;gap:7px;display:flex}.frame__time{color:var(--k-primary);font-size:18px;font-weight:800;line-height:1.1}.frame__date{color:var(--gray-400);margin-top:1px;font-size:11px;font-weight:500}.frame__dot{background:var(--success);border-radius:50%;width:8px;height:8px}.frame__dot--off{background:var(--gray-300)}.frame__body{min-height:0;padding:14px 22px max(16px, env(safe-area-inset-bottom));flex-direction:column;flex:auto;display:flex}.keypad{flex:auto;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(44px,1fr);gap:10px;margin:10px 0;display:grid}.keypad__key{-webkit-appearance:none;appearance:none;border-radius:var(--radius);background:var(--gray-100);color:var(--gray-900);font-variant-numeric:tabular-nums;cursor:pointer;border:none;justify-content:center;align-items:center;font-family:inherit;font-size:26px;font-weight:700;transition:transform .1s,background .1s;display:flex}.keypad__key:not(:disabled):hover{background:var(--k-primary-tint)}.keypad__key:active{background:var(--k-primary-tint);transform:scale(.95)}.keypad__key:disabled{opacity:.4;cursor:not-allowed}.keypad__key--util{color:var(--gray-500);background:#fff;font-size:15px;font-weight:600}.keypad__key--util:not(:disabled):hover{background:var(--gray-100)}.keypad__key--util svg{width:26px;height:26px}.code-boxes{justify-content:center;gap:10px;margin:18px 0 4px;display:flex}.code-boxes__slot{width:48px;height:60px;color:var(--k-primary);border:2px solid var(--gray-200);font-variant-numeric:tabular-nums;background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.code-boxes__slot--filled{border-color:var(--k-primary);background:var(--k-primary-tint)}.pairing{flex-direction:column;flex:auto;min-height:0;display:flex}.pairing__icon{border-radius:16px;width:64px;height:64px;margin-bottom:16px}.pairing__icon svg{width:32px;height:32px}.pairing__status{text-align:center;color:var(--k-primary);margin-top:12px;font-size:14px;font-weight:600}.pairing__error{margin-top:12px}.entry{-webkit-appearance:none;appearance:none;border:2px solid var(--gray-200);cursor:pointer;background:#fff;border-radius:14px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:9px 18px;font-family:inherit;transition:border-color .15s,box-shadow .15s;display:flex}.entry--active{border-color:var(--k-primary);box-shadow:0 0 0 4px var(--k-primary-tint)}.entry__label{color:var(--gray-500);font-size:13px;font-weight:600}.entry__value{color:var(--gray-900);letter-spacing:4px;align-items:center;min-height:24px;padding-left:4px;font-size:22px;font-weight:700;display:flex}.entry__value--placeholder{color:var(--gray-300);letter-spacing:2px}.entry__pips{align-items:center;gap:10px;min-height:24px;display:flex}.entry__pip{border:2px solid var(--gray-300);background:0 0;border-radius:50%;width:14px;height:14px}.entry__pip--on{border-color:var(--k-primary);background:var(--k-primary)}.punch{flex-direction:column;flex:auto;min-height:0;display:flex}.punch__actions{flex-shrink:0;grid-template-columns:1fr 1fr;gap:12px;display:grid}.punch__done{margin-top:20px}.changepin{flex-direction:column;flex:auto;min-height:0;display:flex}.changepin__actions{flex-shrink:0;grid-template-columns:1fr 1fr;gap:12px;display:grid}.changepin__done{margin-top:20px}.splash{text-align:center;color:var(--gray-500);padding:40px 0;font-size:16px;font-weight:600}