.clock-help{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;color:#6b7788;font-size:11px}.clock-help svg{width:15px}.waiting{background:#7c8ba1!important}.live-badge{position:absolute;left:12px;top:12px;background:#dc2626;color:#fff;border-radius:20px;padding:5px 9px;font-weight:800;font-size:10px}.result-popup{position:fixed;inset:0;background:#07101dcc;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px;opacity:0;transition:.2s}.result-popup.show{opacity:1}.result-popup>div{width:100%;max-width:370px;background:#fff;border-radius:24px;padding:28px;text-align:center;transform:scale(.95);transition:.2s}.result-popup.show>div{transform:scale(1)}.result-icon{width:74px;height:74px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:#e8f8f1;color:#059669}.result-popup.warning .result-icon{background:#fff3df;color:#e28400}.result-popup.error .result-icon{background:#ffebeb;color:#dc3f3f}.result-icon svg{width:38px;height:38px}.result-popup h2{font-size:21px;margin:0 0 9px}.result-popup p{color:#64748b;line-height:1.55;margin:0 0 20px}.alert.warning{background:#fff3df;color:#9a5a00}.logout-button{border:0;background:transparent;color:inherit;padding:7px;cursor:pointer}.profile-logout button{border:0;background:transparent;width:100%;display:flex;gap:12px;align-items:center;padding:15px 5px;color:#dd4242;text-align:left}.profile-logout button span{flex:1}.profile-logout small{display:block;color:#8591a1;margin-top:4px}@supports(padding:max(0px)){.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(70px + env(safe-area-inset-bottom))}.phone-content{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}
.attendance-pin-gate{min-height:100vh;padding:54px 26px 34px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--primary) 22%,transparent),transparent 35%),linear-gradient(160deg,#0b1730 0%,#10264b 56%,#0b1730 100%);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center}.pin-gate-icon{width:76px;height:76px;border:1px solid #ffffff2b;border-radius:24px;display:grid;place-items:center;background:#ffffff12;box-shadow:0 20px 50px #0005}.pin-gate-icon svg{width:36px;height:36px;color:#8ab5ff}.pin-gate-kicker{margin-top:26px;color:#9cbdf7;font-size:10px;font-weight:800;letter-spacing:.18em}.attendance-pin-gate h1{margin:10px 0 10px;font-size:31px;letter-spacing:-.03em}.attendance-pin-gate>p{max-width:340px;margin:0;color:#c1cce0;font-size:13px;line-height:1.7}.attendance-pin-gate form{position:relative;width:100%;margin-top:30px;padding:22px;border:1px solid #ffffff1c;border-radius:20px;background:#fff;color:#233148;text-align:left;box-shadow:0 24px 60px #0005}.attendance-pin-gate form label{display:block;margin-bottom:9px;color:#53627a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.pin-code-input{width:100%;height:60px;margin-bottom:12px;border:1px solid #d5deeb;border-radius:12px;background:#f8faff;color:#0b1730;text-align:center;font-size:24px;font-weight:800;letter-spacing:.32em;outline:0}.pin-code-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 13%,transparent)}.attendance-pin-gate form .btn{height:52px}.pin-gate-error{width:100%;display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding:13px 14px;border:1px solid #ffaca6;border-radius:12px;background:#fff0ef;color:#a82e27;text-align:left;font-size:12px;line-height:1.5}.pin-gate-error svg{width:18px;flex:none}.pin-gate-note{display:flex;align-items:flex-start;gap:9px;margin-top:20px;color:#aab8d0;text-align:left;font-size:11px;line-height:1.55}.pin-gate-note svg{width:17px;flex:none;color:#7ba8f4}.pin-gate-back{display:inline-flex;align-items:center;gap:7px;margin-top:26px;color:#d3dced;font-size:12px;font-weight:700}.pin-gate-back svg{width:16px}.pin-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}@media(max-width:360px){.attendance-pin-gate{padding-inline:18px}.attendance-pin-gate form{padding:18px}.attendance-pin-gate h1{font-size:28px}.pin-code-input{font-size:21px}}