.modern-mobile-attendance[data-v-669e3644]{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}.modern-app-bar[data-v-669e3644]{background:#0006!important;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;transition:all .3s ease;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important}.header-hidden[data-v-669e3644]{transform:translateY(-100%);opacity:0;transition:all .3s ease}.app-bar-content[data-v-669e3644]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 1rem}.app-bar-left[data-v-669e3644]{display:flex;align-items:center;gap:1rem}.app-icon[data-v-669e3644]{width:40px;height:40px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-icon-svg[data-v-669e3644]{width:24px;height:24px;color:#fff}.app-title[data-v-669e3644]{color:#fff}.title-text[data-v-669e3644]{font-size:1.25rem;font-weight:600;margin:0;line-height:1.2}.subtitle-text[data-v-669e3644]{font-size:.75rem;opacity:.8;margin:0;line-height:1}.app-bar-right[data-v-669e3644]{display:flex;align-items:center;gap:.5rem}.action-btn[data-v-669e3644]{color:#fffc!important;transition:all .3s ease}.action-btn[data-v-669e3644]:hover{color:#60a5fa!important;background:#60a5fa1a!important}.header-toggle-btn[data-v-669e3644]{color:#fffc!important}.header-toggle-btn[data-v-669e3644]:hover{color:#60a5fa!important;background:#60a5fa1a!important}.main-content[data-v-669e3644]{padding:5rem 1rem 1rem}.attendance-container[data-v-669e3644]{max-width:500px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:400% 400%;animation:gradientShift-669e3644 15s ease infinite;border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}@keyframes gradientShift-669e3644{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.time-card[data-v-669e3644]{background:#0000004d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:25px;padding:2.5rem;margin-bottom:2rem;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px #0006,inset 0 1px #ffffff1a;transform:translateY(0);transition:all .3s ease}.time-card[data-v-669e3644]:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000080,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.2)}.time-content[data-v-669e3644]{position:relative;z-index:2}.current-time[data-v-669e3644]{font-size:3rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);font-family:Courier New,monospace}.current-date[data-v-669e3644]{font-size:1.1rem;color:#ffffffe6;font-weight:500}.time-decoration[data-v-669e3644]{position:absolute;inset:0;z-index:1}.decoration-circle[data-v-669e3644]{position:absolute;border-radius:50%;background:#ffffff1a;animation:float-669e3644 6s ease-in-out infinite}.decoration-circle[data-v-669e3644]:nth-child(1){width:60px;height:60px;top:20%;left:10%;animation-delay:0s}.decoration-circle[data-v-669e3644]:nth-child(2){width:40px;height:40px;top:60%;right:15%;animation-delay:2s}.decoration-circle[data-v-669e3644]:nth-child(3){width:80px;height:80px;bottom:20%;left:20%;animation-delay:4s}@keyframes float-669e3644{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.today-attendance[data-v-669e3644]{margin:2rem 0}.attendance-status[data-v-669e3644]{display:flex;flex-direction:row;gap:.75rem;width:100%}.status-item[data-v-669e3644]{display:flex;flex-direction:row;align-items:center;text-align:left;padding:1rem;background:#0000004d;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px #0000004d,inset 0 1px #ffffff1a;transform:translateY(0);transition:all .3s ease;min-height:80px;flex:1;width:50%}.status-item[data-v-669e3644]:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0006,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.2)}.status-icon[data-v-669e3644]{margin-right:1rem;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.status-info[data-v-669e3644]{flex:1;display:flex;flex-direction:column;justify-content:center}.status-label[data-v-669e3644]{font-size:.9rem;color:#fffc;margin-bottom:.25rem}.status-time[data-v-669e3644]{font-size:1.4rem;font-weight:700;color:#fff;font-family:Courier New,monospace;letter-spacing:1px}.clock-in-status .status-icon[data-v-669e3644]{background:#4caf5033}.clock-out-status .status-icon[data-v-669e3644]{background:#f4433633}.attendance-actions[data-v-669e3644]{margin-bottom:2rem}.action-button[data-v-669e3644]{margin-bottom:1rem;height:80px;font-size:1.3rem;font-weight:600;border-radius:20px;text-transform:none;box-shadow:0 8px 25px #0000004d;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.action-button[data-v-669e3644]:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0006}.action-button[data-v-669e3644]:active{transform:translateY(-1px)}.clock-in-btn[data-v-669e3644]{background:linear-gradient(135deg,#00c851,#00a041,#007a31)!important;color:#fff!important;box-shadow:0 8px 25px #00c8514d!important;border:1px solid rgba(0,200,81,.3)!important}.clock-in-btn[data-v-669e3644]:hover{background:linear-gradient(135deg,#00a041,#00c851,#00b341)!important;box-shadow:0 12px 35px #00c85180!important;border:1px solid rgba(0,200,81,.5)!important}.clock-out-btn[data-v-669e3644]{background:linear-gradient(135deg,#f44,#c00,#900)!important;color:#fff!important;box-shadow:0 8px 25px #ff44444d!important;border:1px solid rgba(255,68,68,.3)!important}.clock-out-btn[data-v-669e3644]:hover{background:linear-gradient(135deg,#c00,#f44,red)!important;box-shadow:0 12px 35px #ff444480!important;border:1px solid rgba(255,68,68,.5)!important}.location-info[data-v-669e3644]{margin-bottom:2rem}.location-card[data-v-669e3644]{background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px #0000004d}.location-header[data-v-669e3644]{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;margin-bottom:1rem}.location-details p[data-v-669e3644]{color:#ffffffe6;margin:.5rem 0;font-size:.9rem}.permission-dialog[data-v-669e3644]{background:#000c!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080}.dialog-title[data-v-669e3644]{color:#fff;font-weight:600;padding:1.5rem 1.5rem 0}.dialog-content[data-v-669e3644]{color:#fffc;padding:1rem 1.5rem}.dialog-actions[data-v-669e3644]{padding:0 1.5rem 1.5rem;justify-content:flex-end;gap:1rem}.attendance-container[data-v-669e3644]{padding:0 .5rem}.time-card[data-v-669e3644]{padding:1.5rem}.current-time[data-v-669e3644]{font-size:2.5rem}.action-button[data-v-669e3644]{height:70px;font-size:1.2rem}.status-time[data-v-669e3644]{font-size:1.2rem}.header-show-btn[data-v-669e3644]{position:fixed;top:10px;right:10px;z-index:1001;background:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 25px #0000004d;transition:all .3s ease;color:#fff}.header-show-btn[data-v-669e3644]:hover{background:#000c;transform:translateY(-2px);box-shadow:0 12px 35px #0006;border:1px solid rgba(255,255,255,.3)}[data-v-669e3644]::-webkit-scrollbar{width:6px}[data-v-669e3644]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}[data-v-669e3644]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}[data-v-669e3644]::-webkit-scrollbar-thumb:hover{background:#ffffff80}