@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);.timeclick-page[data-v-155d1df4]{display:flex;height:95vh;margin-top:15px;max-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.timeclick-left[data-v-155d1df4]{flex:0 0 clamp(280px,30vw,380px);background:linear-gradient(165deg,#3b0a6e,#1a0533 50%,#0e031c);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(30px,5vh,60px) clamp(24px,3vw,48px);position:relative;overflow:hidden;border-radius:20px}.timeclick-left[data-v-155d1df4]:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;border-radius:50%;background:rgba(139,92,246,.08)}.timeclick-left[data-v-155d1df4]:after{content:"";position:absolute;bottom:-60px;left:-60px;width:200px;height:200px;border-radius:50%;background:rgba(167,139,250,.06)}.left-content[data-v-155d1df4]{position:relative;z-index:1}.clock-date[data-v-155d1df4]{font-size:clamp(13px,1.5vw,16px);font-weight:500;color:#c4b5fd;letter-spacing:.5px;margin-bottom:8px}.clock-time[data-v-155d1df4]{display:flex;align-items:baseline;gap:6px}.clock-hours[data-v-155d1df4]{font-size:clamp(48px,8vw,96px);font-weight:800;line-height:1;letter-spacing:-3px;background:linear-gradient(180deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clock-period[data-v-155d1df4]{font-size:clamp(18px,2.5vw,32px);font-weight:600;color:#a78bfa;align-self:flex-end;margin-bottom:4px}.clock-in-info[data-v-155d1df4]{margin-top:24px;font-size:clamp(14px,1.8vw,18px);font-weight:600;color:#fff;background:hsla(0,0%,100%,.12);padding:10px 20px;border-radius:50px;backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2)}.clock-in-info[data-v-155d1df4]:before{content:"●";color:#4ade80;font-size:12px;animation:pulse-dot-data-v-155d1df4 2s infinite}@keyframes pulse-dot-data-v-155d1df4{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.work-timer[data-v-155d1df4]{margin-top:16px;font-size:clamp(16px,2.2vw,20px);font-weight:700;color:#3b0a6e;background:#f5f3ff;padding:12px 24px;border-radius:12px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 12px rgba(76,16,133,.12);border-left:4px solid #4c1085;animation:timer-glow-data-v-155d1df4 3s ease-in-out infinite}@keyframes timer-glow-data-v-155d1df4{0%,to{box-shadow:0 4px 12px rgba(76,16,133,.12)}50%{box-shadow:0 4px 20px rgba(76,16,133,.25)}}.left-branding[data-v-155d1df4]{position:relative;z-index:1}.branding-org[data-v-155d1df4]{font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}.branding-location[data-v-155d1df4]{font-size:12px;color:#a78bfa;display:flex;align-items:center;margin-bottom:12px}.branding-logo[data-v-155d1df4]{height:40px;opacity:.85;filter:brightness(1.2)}.doorbell-btn[data-v-155d1df4]{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;border:2px solid rgba(167,139,250,.4);border-radius:12px;background:rgba(139,92,246,.15);color:#fff;font-family:Inter,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;backdrop-filter:blur(4px)}.doorbell-btn[data-v-155d1df4]:hover:not(:disabled){background:rgba(139,92,246,.3);border-color:rgba(196,181,253,.6);transform:scale(1.03);box-shadow:0 0 20px rgba(139,92,246,.3)}.doorbell-btn[data-v-155d1df4]:active:not(:disabled){transform:scale(.97)}.doorbell-btn[data-v-155d1df4]:disabled{cursor:not-allowed;opacity:.85}.doorbell-btn.doorbell-ringing[data-v-155d1df4]{animation:pulse-ring-data-v-155d1df4 .6s ease-in-out infinite;background:rgba(251,191,36,.25);border-color:rgba(251,191,36,.6);box-shadow:0 0 24px rgba(251,191,36,.25)}.doorbell-btn.doorbell-ringing .doorbell-icon[data-v-155d1df4]{animation:shake-bell-data-v-155d1df4 .4s ease-in-out infinite}.doorbell-btn.doorbell-locked[data-v-155d1df4]{border-color:rgba(167,139,250,.6);background:rgba(139,92,246,.08);animation:pulse-unlock-data-v-155d1df4 2s ease-in-out infinite}.doorbell-btn.doorbell-locked[data-v-155d1df4]:hover{background:rgba(139,92,246,.2)}@keyframes pulse-unlock-data-v-155d1df4{0%,to{border-color:rgba(167,139,250,.4);box-shadow:0 0 0 rgba(139,92,246,0)}50%{border-color:rgba(167,139,250,.8);box-shadow:0 0 12px rgba(139,92,246,.2)}}.doorbell-icon[data-v-155d1df4]{font-size:22px;line-height:1}.doorbell-label[data-v-155d1df4]{letter-spacing:.3px}@keyframes shake-bell-data-v-155d1df4{0%,to{transform:rotate(0deg)}20%{transform:rotate(18deg)}40%{transform:rotate(-18deg)}60%{transform:rotate(12deg)}80%{transform:rotate(-12deg)}}@keyframes pulse-ring-data-v-155d1df4{0%,to{box-shadow:0 0 12px rgba(251,191,36,.2)}50%{box-shadow:0 0 28px rgba(251,191,36,.45)}}.timeclick-right[data-v-155d1df4]{flex:1;background:#fafafa;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.right-content[data-v-155d1df4]{max-width:480px;width:100%;padding:clamp(16px,3vh,40px) clamp(16px,3vw,40px);text-align:center}.greeting-section[data-v-155d1df4]{margin-bottom:clamp(16px,3vh,36px)}.greeting-text[data-v-155d1df4]{font-size:clamp(20px,2.5vw,28px);font-weight:800;color:#1a0533;margin-bottom:4px;line-height:1.3}.greeting-subtitle[data-v-155d1df4]{font-size:clamp(13px,1.2vw,15px);color:#8c8c8c;font-weight:400;margin:0}.avatar-section[data-v-155d1df4]{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:clamp(16px,3vh,40px)}.avatar-line[data-v-155d1df4]{flex:1;height:1px;background:linear-gradient(90deg,transparent,#c4b5fd,transparent)}.avatar-wrapper[data-v-155d1df4]{padding:0 20px}.user-avatar[data-v-155d1df4]{border:3px solid #ede9fe;box-shadow:0 6px 24px rgba(107,33,168,.15);transition:transform .3s ease}.user-avatar[data-v-155d1df4]:hover{transform:scale(1.05)}.actions-section[data-v-155d1df4]{display:flex;flex-direction:column;gap:clamp(8px,1.5vh,14px);margin-bottom:clamp(12px,2vh,32px);max-width:320px;margin-left:auto;margin-right:auto}.btn-clock-in[data-v-155d1df4]{height:clamp(42px,5vh,52px)!important;border-radius:10px!important;font-size:clamp(14px,1.2vw,16px)!important;font-weight:700!important;background:linear-gradient(135deg,#4c1085,#6b21a8)!important;border:none!important;color:#fff!important;box-shadow:0 4px 16px rgba(107,33,168,.35)!important;transition:all .25s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.btn-clock-in[data-v-155d1df4]:hover{background:linear-gradient(135deg,#6b21a8,#8b5cf6)!important;transform:translateY(-2px)!important;box-shadow:0 6px 24px rgba(107,33,168,.45)!important}.btn-clock-in[data-v-155d1df4]:active{transform:translateY(0)!important}.btn-request[data-v-155d1df4]{height:clamp(42px,5vh,52px)!important;border-radius:10px!important;font-size:clamp(14px,1.2vw,16px)!important;font-weight:600!important;background:#fff!important;border:2px solid #8b5cf6!important;color:#4c1085!important;transition:all .25s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.btn-request[data-v-155d1df4]:hover{background:#f5f3ff!important;border-color:#6b21a8!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(107,33,168,.15)!important}.cancel-section[data-v-155d1df4]{text-align:center}.cancel-link[data-v-155d1df4]{color:#8b5cf6;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease}.cancel-link[data-v-155d1df4]:hover{color:#4c1085}.result-overlay[data-v-155d1df4]{position:absolute;inset:0;background:hsla(0,0%,100%,.96);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10}.result-card[data-v-155d1df4]{text-align:center;padding:clamp(24px,4vh,48px)}.result-icon[data-v-155d1df4]{font-size:clamp(48px,6vh,72px);margin-bottom:16px}.result-icon-success[data-v-155d1df4]{color:#52c41a}.result-icon-error[data-v-155d1df4]{color:#ff4d4f}.result-title[data-v-155d1df4]{font-size:clamp(22px,3vw,28px);font-weight:800;color:#1a0533;margin-bottom:6px}.result-message[data-v-155d1df4]{font-size:14px;color:#8c8c8c;margin-bottom:4px}.result-time[data-v-155d1df4]{font-size:clamp(24px,3vw,32px);font-weight:700;color:#4c1085;margin-bottom:24px}.btn-done[data-v-155d1df4]{height:44px!important;min-width:140px!important;border-radius:10px!important;font-size:15px!important;font-weight:700!important;background:linear-gradient(135deg,#4c1085,#6b21a8)!important;border:none!important;color:#fff!important;box-shadow:0 4px 16px rgba(107,33,168,.35)!important}.fade-enter-active[data-v-155d1df4],.fade-leave-active[data-v-155d1df4]{transition:opacity .3s ease}.fade-enter[data-v-155d1df4],.fade-leave-to[data-v-155d1df4]{opacity:0}.slide-notification-enter-active[data-v-155d1df4]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.slide-notification-leave-active[data-v-155d1df4]{transition:all .3s ease-in}.slide-notification-enter[data-v-155d1df4],.slide-notification-leave-to[data-v-155d1df4]{transform:translateX(120%);opacity:0}.slide-panel-enter-active[data-v-155d1df4]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.slide-panel-leave-active[data-v-155d1df4]{transition:all .2s ease-in}.slide-panel-enter[data-v-155d1df4],.slide-panel-leave-to[data-v-155d1df4]{transform:translateY(20px);opacity:0}.fcm-notification-toast[data-v-155d1df4]{position:absolute;top:20px;right:20px;z-index:100;display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:16px 20px;box-shadow:0 8px 32px rgba(0,0,0,.15),0 0 0 1px rgba(139,92,246,.15);max-width:380px;min-width:280px;cursor:pointer;animation:notif-glow-data-v-155d1df4 2s ease-in-out infinite}@keyframes notif-glow-data-v-155d1df4{0%,to{box-shadow:0 8px 32px rgba(0,0,0,.15),0 0 0 1px rgba(139,92,246,.15)}50%{box-shadow:0 8px 32px rgba(107,33,168,.25),0 0 0 2px rgba(139,92,246,.3)}}.notif-icon-wrapper[data-v-155d1df4]{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ede9fe,#f5f3ff);display:flex;align-items:center;justify-content:center}.notif-bell[data-v-155d1df4]{font-size:22px;animation:shake-bell-data-v-155d1df4 .5s ease-in-out 3}.notif-body[data-v-155d1df4]{flex:1;min-width:0}.notif-title[data-v-155d1df4]{font-size:14px;font-weight:700;color:#1a0533;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-message[data-v-155d1df4]{font-size:13px;color:#8c8c8c;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-close[data-v-155d1df4]{flex:0 0 auto;background:none;border:none;color:#bfbfbf;font-size:14px;cursor:pointer;padding:4px;transition:color .2s}.notif-close[data-v-155d1df4]:hover{color:#4c1085}.notif-badge[data-v-155d1df4]{position:absolute;top:20px;right:20px;z-index:50;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#4c1085,#6b21a8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:0 4px 16px rgba(107,33,168,.35);transition:all .2s ease}.notif-badge[data-v-155d1df4]:hover{transform:scale(1.1)}.notif-count[data-v-155d1df4]{position:absolute;top:-4px;right:-4px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fafafa}.notif-panel[data-v-155d1df4]{position:absolute;top:72px;right:20px;z-index:60;width:340px;max-height:360px;background:#fff;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.12);overflow:hidden;display:flex;flex-direction:column}.notif-panel-header[data-v-155d1df4]{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #f0f0f0}.notif-panel-header h4[data-v-155d1df4]{margin:0;font-size:15px;font-weight:700;color:#1a0533}.notif-panel-list[data-v-155d1df4]{flex:1;overflow-y:auto;padding:8px 0}.notif-panel-item[data-v-155d1df4]{display:flex;gap:12px;padding:10px 18px;transition:background .15s}.notif-panel-item[data-v-155d1df4]:hover{background:#f5f3ff}.notif-panel-dot[data-v-155d1df4]{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#8b5cf6;margin-top:6px}.notif-panel-content[data-v-155d1df4]{flex:1;min-width:0}.notif-panel-title[data-v-155d1df4]{font-size:13px;font-weight:600;color:#1a0533;margin:0 0 2px}.notif-panel-body[data-v-155d1df4]{font-size:12px;color:#8c8c8c;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-panel-time[data-v-155d1df4]{font-size:11px;color:#bfbfbf}.notif-panel-empty[data-v-155d1df4]{text-align:center;padding:32px;color:#bfbfbf;font-size:13px}@media(max-width:768px){.timeclick-page[data-v-155d1df4]{flex-direction:column}.timeclick-left[data-v-155d1df4]{flex:0 0 auto;padding:20px 24px;flex-direction:row;align-items:flex-end;justify-content:space-between}.clock-date[data-v-155d1df4]{font-size:13px;margin-bottom:4px}.clock-hours[data-v-155d1df4]{font-size:48px;letter-spacing:-2px}.clock-period[data-v-155d1df4]{font-size:18px;margin-bottom:2px}.left-branding[data-v-155d1df4]{text-align:right}.branding-org[data-v-155d1df4]{font-size:14px}.branding-location[data-v-155d1df4]{justify-content:flex-end;font-size:11px;margin-bottom:8px}.branding-logo[data-v-155d1df4]{height:30px}.doorbell-btn[data-v-155d1df4]{margin-top:8px;padding:8px 14px;font-size:13px;border-radius:8px}.doorbell-btn .doorbell-icon[data-v-155d1df4]{font-size:18px}.timeclick-right[data-v-155d1df4]{flex:1}.right-content[data-v-155d1df4]{padding:20px 24px}.greeting-section[data-v-155d1df4]{margin-bottom:16px}.greeting-text[data-v-155d1df4]{font-size:20px}.greeting-subtitle[data-v-155d1df4]{font-size:13px}.avatar-section[data-v-155d1df4]{margin-bottom:16px}.user-avatar[data-v-155d1df4]{width:80px!important;height:80px!important}.avatar-wrapper[data-v-155d1df4]{padding:0 16px}.actions-section[data-v-155d1df4]{gap:10px;margin-bottom:16px;max-width:280px}.btn-clock-in[data-v-155d1df4],.btn-request[data-v-155d1df4]{height:44px!important;font-size:14px!important}.cancel-link[data-v-155d1df4]{font-size:13px}}@media(max-width:480px){.timeclick-left[data-v-155d1df4]{padding:16px 20px}.clock-hours[data-v-155d1df4]{font-size:40px}.clock-period[data-v-155d1df4]{font-size:16px}.doorbell-btn[data-v-155d1df4]{margin-top:6px;padding:6px 12px;font-size:12px;border-radius:6px;gap:6px}.doorbell-btn .doorbell-icon[data-v-155d1df4]{font-size:16px}.right-content[data-v-155d1df4]{padding:16px 20px}.greeting-text[data-v-155d1df4]{font-size:18px}.user-avatar[data-v-155d1df4]{width:64px!important;height:64px!important;border-width:2px!important}.avatar-section[data-v-155d1df4]{margin-bottom:12px}.actions-section[data-v-155d1df4]{gap:8px;margin-bottom:12px;max-width:100%}.btn-clock-in[data-v-155d1df4],.btn-request[data-v-155d1df4]{height:40px!important;font-size:13px!important;border-radius:8px!important}}@media(max-height:600px)and (max-width:768px){.timeclick-left[data-v-155d1df4]{padding:12px 20px}.clock-hours[data-v-155d1df4]{font-size:36px}.clock-period[data-v-155d1df4]{font-size:14px}.branding-logo[data-v-155d1df4]{height:24px}.greeting-section[data-v-155d1df4]{margin-bottom:8px}.greeting-text[data-v-155d1df4]{font-size:16px}.greeting-subtitle[data-v-155d1df4]{font-size:12px}.avatar-section[data-v-155d1df4]{margin-bottom:8px}.user-avatar[data-v-155d1df4]{width:48px!important;height:48px!important}.actions-section[data-v-155d1df4]{gap:6px;margin-bottom:8px}.btn-clock-in[data-v-155d1df4],.btn-request[data-v-155d1df4]{height:36px!important;font-size:12px!important}}@media(max-height:600px)and (min-width:769px){.clock-hours[data-v-155d1df4]{font-size:56px}.greeting-section[data-v-155d1df4]{margin-bottom:12px}.avatar-section[data-v-155d1df4]{margin-bottom:16px}.user-avatar[data-v-155d1df4]{width:72px!important;height:72px!important}.actions-section[data-v-155d1df4]{gap:8px;margin-bottom:16px}.btn-clock-in[data-v-155d1df4],.btn-request[data-v-155d1df4]{height:40px!important}}