.alert-overlay[data-v-1054e824]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);cursor:pointer;transition:all .3s ease;animation:fadeIn-1054e824 .3s ease}.alert-container[data-v-1054e824]{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a;max-width:400px;width:90%;overflow:hidden;animation:slideIn-1054e824 .4s cubic-bezier(.34,1.56,.64,1);transform-origin:center;position:relative}.alert-content[data-v-1054e824]{padding:20px;display:flex;align-items:flex-start;gap:12px;position:relative}.alert-icon-wrapper[data-v-1054e824]{flex-shrink:0;position:relative}.alert-icon[data-v-1054e824]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.alert-icon svg[data-v-1054e824]{width:18px;height:18px;position:relative}.alert-text[data-v-1054e824]{flex:1;min-width:0;padding-top:2px}.alert-title[data-v-1054e824]{margin:0 0 6px;font-size:16px;font-weight:500;line-height:1.3;color:#1f2937}.alert-message[data-v-1054e824]{margin:0;font-size:14px;line-height:1.5;color:#6b7280;font-weight:400}.alert-close[data-v-1054e824]{flex-shrink:0;background:transparent;border:none;padding:4px;cursor:pointer;border-radius:4px;transition:all .2s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center;position:absolute;top:16px;right:16px}.alert-close[data-v-1054e824]:hover{background:#f3f4f6}.alert-close[data-v-1054e824]:active{transform:scale(.95)}.alert-close svg[data-v-1054e824]{width:14px;height:14px;color:#9ca3af;transition:color .2s}.alert-close:hover svg[data-v-1054e824]{color:#374151}.alert-buttons[data-v-1054e824]{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-primary[data-v-1054e824],.btn-secondary[data-v-1054e824]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;min-width:80px;text-align:center}.btn-primary[data-v-1054e824]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d;position:relative;overflow:hidden}.btn-primary[data-v-1054e824]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary[data-v-1054e824]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;box-shadow:0 6px 16px #dc262666;transform:translateY(-1px)}.btn-primary[data-v-1054e824]:hover:before{left:100%}.btn-primary[data-v-1054e824]:active{transform:translateY(0) scale(.98)}.btn-secondary[data-v-1054e824]{background:linear-gradient(135deg,#fff,#f8fafc);color:#6b7280;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.btn-secondary[data-v-1054e824]:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#9ca3af;color:#374151;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-secondary[data-v-1054e824]:active{transform:translateY(0) scale(.98)}.alert-success[data-v-1054e824]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-left:4px solid #22c55e;box-shadow:0 8px 25px #22c55e26,0 4px 10px #22c55e1a}.alert-success .icon-success[data-v-1054e824]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;width:32px;height:32px;box-shadow:0 4px 12px #22c55e4d}.alert-success .alert-title[data-v-1054e824]{color:#166534;font-weight:600;font-size:16px;text-shadow:0 1px 2px rgba(22,101,52,.1)}.alert-success .alert-message[data-v-1054e824]{color:#15803d;font-size:13px}.alert-error[data-v-1054e824]{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-left:4px solid #ef4444;box-shadow:0 8px 25px #ef444426,0 4px 10px #ef44441a}.alert-error .icon-error[data-v-1054e824]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.alert-error .alert-title[data-v-1054e824]{color:#dc2626;font-weight:600;text-shadow:0 1px 2px rgba(220,38,38,.1)}.alert-error .alert-message[data-v-1054e824]{color:#b91c1c;font-size:13px}.alert-warning[data-v-1054e824]{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-left:4px solid #f59e0b;box-shadow:0 8px 25px #f59e0b26,0 4px 10px #f59e0b1a}.alert-warning .icon-warning[data-v-1054e824]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.alert-warning .alert-title[data-v-1054e824]{color:#d97706;font-weight:600;text-shadow:0 1px 2px rgba(217,119,6,.1)}.alert-warning .alert-message[data-v-1054e824]{color:#b45309;font-size:13px}.alert-info[data-v-1054e824]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-left:4px solid #0ea5e9;box-shadow:0 8px 25px #0ea5e926,0 4px 10px #0ea5e91a}.alert-info .icon-info[data-v-1054e824]{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;width:32px;height:32px;box-shadow:0 4px 12px #0ea5e94d}.alert-info .alert-title[data-v-1054e824]{color:#0c4a6e;font-weight:600;font-size:16px;text-shadow:0 1px 2px rgba(12,74,110,.1)}.alert-info .alert-message[data-v-1054e824]{color:#0369a1;font-size:13px}.alert-delete-profile-picture[data-v-1054e824]{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-left:4px solid #dc2626;box-shadow:0 8px 25px #dc262626,0 4px 10px #dc26261a}.alert-delete-profile-picture .icon-delete-profile-picture[data-v-1054e824]{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.alert-delete-profile-picture .alert-title[data-v-1054e824]{color:#dc2626;font-weight:600;font-size:18px;text-shadow:0 1px 2px rgba(220,38,38,.1)}.alert-delete-profile-picture .alert-message[data-v-1054e824]{color:#7f1d1d;font-weight:400;line-height:1.5}.alert-delete-profile-picture .btn-primary[data-v-1054e824]{background:#ef4444;color:#fff;border-color:#ef4444;font-weight:600}.alert-delete-profile-picture .btn-primary[data-v-1054e824]:hover{background:#dc2626;border-color:#dc2626}.alert-delete-profile-picture .btn-secondary[data-v-1054e824]{background:#fff;color:#6b7280;border-color:#d1d5db;font-weight:600}.alert-delete-profile-picture .btn-secondary[data-v-1054e824]:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}@keyframes fadeIn-1054e824{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes slideIn-1054e824{0%{opacity:0;transform:translateY(-30px) scale(.9);filter:blur(10px)}50%{opacity:.8;transform:translateY(-5px) scale(1.02);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@media (max-width: 640px){.alert-container[data-v-1054e824]{margin:16px;width:calc(100% - 32px)}.alert-content[data-v-1054e824]{padding:20px}.alert-buttons[data-v-1054e824]{padding:12px 20px 20px;flex-direction:column}.btn-primary[data-v-1054e824],.btn-secondary[data-v-1054e824]{width:100%;justify-content:center}}.toast-container[data-v-841b40db]{position:fixed;top:80px;right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;max-height:calc(100vh - 100px);overflow-y:auto}.toast[data-v-841b40db]{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026,0 4px 6px #0000001a;padding:16px;min-width:320px;max-width:400px;display:flex;align-items:flex-start;gap:12px;pointer-events:auto;border-left:4px solid;position:relative;overflow:hidden}.toast[data-v-841b40db]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.3}.toast-success[data-v-841b40db]{border-left-color:#10b981;color:#10b981}.toast-error[data-v-841b40db]{border-left-color:#ef4444;color:#ef4444}.toast-warning[data-v-841b40db]{border-left-color:#f59e0b;color:#f59e0b}.toast-info[data-v-841b40db]{border-left-color:#3b82f6;color:#3b82f6}.toast-icon[data-v-841b40db]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:currentColor;color:#fff}.toast-icon svg[data-v-841b40db]{width:14px;height:14px}.toast-content[data-v-841b40db]{flex:1;min-width:0}.toast-title[data-v-841b40db]{font-weight:600;font-size:14px;color:#1f2937;margin-bottom:2px;line-height:1.4}.toast-message[data-v-841b40db]{font-size:13px;color:#6b7280;line-height:1.4;word-wrap:break-word}.toast-close[data-v-841b40db]{flex-shrink:0;width:20px;height:20px;border:none;background:none;color:#9ca3af;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.toast-close[data-v-841b40db]:hover{background:#f3f4f6;color:#6b7280}.toast-close svg[data-v-841b40db]{width:12px;height:12px}.toast-enter-active[data-v-841b40db]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.toast-leave-active[data-v-841b40db]{transition:all .3s ease-in}.toast-enter-from[data-v-841b40db]{opacity:0;transform:translate(100%) scale(.8)}.toast-leave-to[data-v-841b40db]{opacity:0;transform:translate(100%) scale(.9)}.toast-move[data-v-841b40db]{transition:transform .3s ease}@media (max-width: 768px){.toast-container[data-v-841b40db]{top:70px;right:10px;left:10px;max-height:calc(100vh - 80px)}.toast[data-v-841b40db]{min-width:auto;max-width:none}}@media (max-width: 480px){.toast-container[data-v-841b40db]{top:60px;right:8px;left:8px}}.toast[data-v-841b40db]:hover{transform:translateY(-2px);box-shadow:0 15px 35px #0003,0 6px 10px #00000026;transition:all .2s ease}@keyframes progress-841b40db{0%{width:100%}to{width:0%}}.toast[data-v-841b40db]:after{content:"";position:absolute;bottom:0;left:0;height:2px;background:currentColor;opacity:.3;animation:progress-841b40db 4s linear}.toast-success[data-v-841b40db]:after{animation-duration:4s}.toast-error[data-v-841b40db]:after{animation-duration:5s}.toast-warning[data-v-841b40db]:after{animation-duration:4s}.toast-info[data-v-841b40db]:after{animation-duration:4s}.customer-service-container[data-v-eac925a5]{position:fixed;bottom:20px;right:20px;z-index:9999;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;user-select:none;-webkit-user-select:none;-ms-user-select:none}.floating-button[data-v-eac925a5]{position:relative;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 20px #3b82f666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:none;user-select:none;-webkit-user-select:none;-ms-user-select:none}.floating-button[data-v-eac925a5]:hover{transform:scale(1.1);box-shadow:0 6px 25px #3b82f699}.floating-button.active[data-v-eac925a5]{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}.chatbot-icon[data-v-eac925a5]{position:relative;width:32px;height:32px}.chatbot-head[data-v-eac925a5]{position:relative;width:100%;height:100%;background:#fff;border-radius:50%/60% 60% 40% 40%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.chatbot-head.small[data-v-eac925a5]{width:24px;height:24px}.antenna[data-v-eac925a5]{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:2px;height:8px;background:#3b82f6;border-radius:1px}.antenna[data-v-eac925a5]:after{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#fff;border-radius:50%}.eyes[data-v-eac925a5]{display:flex;gap:4px;margin-top:-2px}.eye[data-v-eac925a5]{width:6px;height:3px;background:#3b82f6;border-radius:2px;position:relative;transition:all .3s ease}.eye.open[data-v-eac925a5]{height:6px;border-radius:3px}.eye[data-v-eac925a5]:after{content:"";position:absolute;top:.5px;left:1px;width:1px;height:1px;background:#fff;border-radius:50%}.chatbot-head.small .eye[data-v-eac925a5]{width:4px;height:2px;transition:all .3s ease}.chatbot-head.small .eye.open[data-v-eac925a5]{height:4px;border-radius:2px}.chatbot-head.small .eye[data-v-eac925a5]:after{width:.5px;height:.5px;top:.25px;left:.5px}.pulse-ring[data-v-eac925a5]{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:2px solid rgba(59,130,246,.3);border-radius:50%;animation:pulse-eac925a5 2s infinite}@keyframes pulse-eac925a5{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.chat-window[data-v-eac925a5]{position:absolute;bottom:80px;right:0;width:350px;height:500px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(20px) scale(.9);transition:all .3s ease;pointer-events:none}.chat-window.open[data-v-eac925a5]{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.chat-header[data-v-eac925a5]{background:linear-gradient(135deg,#3b82f6,#60a5fa,#93c5fd);color:#fff;padding:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px #3b82f633}.header-content[data-v-eac925a5]{display:flex;align-items:center;gap:12px}.bot-avatar[data-v-eac925a5]{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.header-text h3[data-v-eac925a5]{margin:0;font-size:16px;font-weight:600}.header-text p[data-v-eac925a5]{margin:2px 0 0;font-size:12px;opacity:.9}.close-btn[data-v-eac925a5]{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s ease}.close-btn[data-v-eac925a5]:hover{background:#ffffff1a}.chat-messages[data-v-eac925a5]{flex:1;padding:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chat-messages[data-v-eac925a5]::-webkit-scrollbar{width:6px}.chat-messages[data-v-eac925a5]::-webkit-scrollbar-track{background:#f7fafc}.chat-messages[data-v-eac925a5]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.message[data-v-eac925a5]{margin-bottom:16px;display:flex}.bot-message[data-v-eac925a5]{justify-content:flex-start}.message-content[data-v-eac925a5]{max-width:80%;padding:12px 16px;border-radius:18px;background:#f7fafc;color:#2d3748;font-size:14px;line-height:1.4}.message-content p[data-v-eac925a5]{margin:0 0 8px}.message-content p[data-v-eac925a5]:last-child{margin-bottom:0}.message-content ol[data-v-eac925a5]{margin:8px 0;padding-left:20px}.message-content li[data-v-eac925a5]{margin-bottom:4px}.menu-options[data-v-eac925a5]{display:flex;flex-direction:column;gap:8px;margin-top:8px}.menu-item[data-v-eac925a5]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.menu-item[data-v-eac925a5]:hover{background:#f7fafc;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f61a}.menu-icon[data-v-eac925a5]{font-size:20px;width:24px;text-align:center}.menu-text h4[data-v-eac925a5]{margin:0;font-size:14px;font-weight:600;color:#2d3748}.menu-text p[data-v-eac925a5]{margin:2px 0 0;font-size:12px;color:#718096}.faq-items[data-v-eac925a5]{margin-top:12px}.faq-item[data-v-eac925a5]{margin-bottom:8px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.faq-question[data-v-eac925a5]{width:100%;padding:12px 16px;background:#fff;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#2d3748;transition:background .2s ease}.faq-question[data-v-eac925a5]:hover{background:#f7fafc}.faq-arrow[data-v-eac925a5]{transition:transform .2s ease}.faq-arrow.rotated[data-v-eac925a5]{transform:rotate(180deg)}.faq-answer[data-v-eac925a5]{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#f7fafc}.faq-answer.open[data-v-eac925a5]{max-height:200px}.faq-answer p[data-v-eac925a5]{margin:0;padding:12px 16px;font-size:13px;color:#4a5568;line-height:1.4}.faq-detail-title[data-v-eac925a5]{margin:0 0 16px;font-size:16px;font-weight:600;color:#2d3748;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.faq-detail-content[data-v-eac925a5]{font-size:14px;line-height:1.6;color:#4a5568}.faq-detail-content strong[data-v-eac925a5]{color:#2d3748;font-weight:600}.faq-detail-content br[data-v-eac925a5]{margin-bottom:8px}.whatsapp-btn[data-v-eac925a5]{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#25d366;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease;margin-top:8px;position:relative;overflow:hidden}.whatsapp-btn[data-v-eac925a5]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#25d366,#22c55e,#16a34a);opacity:.7;transition:left .5s ease;pointer-events:none}.whatsapp-btn[data-v-eac925a5]:hover{background:linear-gradient(90deg,#25d366,#22c55e,#16a34a);transform:translateY(-1px);box-shadow:0 4px 12px #25d36666}.whatsapp-btn[data-v-eac925a5]:hover:before{left:100%}.whatsapp-btn.large[data-v-eac925a5]{padding:12px 20px;font-size:16px}.whatsapp-btn.reverse[data-v-eac925a5]:before{left:100%;background:linear-gradient(90deg,#25d366,#22c55e,#16a34a);animation:shimmer-reverse-eac925a5 .5s forwards}@keyframes shimmer-reverse-eac925a5{0%{left:100%}to{left:-100%}}.back-menu[data-v-eac925a5]{margin-top:16px;text-align:center}.back-btn[data-v-eac925a5]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.back-btn[data-v-eac925a5]:hover{background:#edf2f7;border-color:#3b82f6;color:#3b82f6;transform:scale(1.05);box-shadow:0 4px 8px #3b82f633}@media (max-width: 768px){.chat-window[data-v-eac925a5]{width:95vw;height:70vh;min-width:0;min-height:0;right:2vw;bottom:90px;padding:0}.whatsapp-btn[data-v-eac925a5]{font-size:15px;padding:12px 18px;width:100%;justify-content:center}}@media (max-width: 480px){.chat-window[data-v-eac925a5]{width:80vw;height:48vh;right:0;bottom:8px;border-radius:22px;padding:0;box-shadow:0 1px 6px #00000014;min-width:0;min-height:0}.chat-header[data-v-eac925a5]{border-radius:22px 22px 0 0;padding:7px 8px 6px 12px;font-size:11px}.chat-header h2[data-v-eac925a5]{font-size:13px}.chat-header .close-btn[data-v-eac925a5]{width:22px;height:22px;font-size:15px;right:4px;top:4px}.menu-options[data-v-eac925a5]{gap:4px;padding:4px 1px 6px}.menu-item[data-v-eac925a5]{width:100%;min-width:0;padding:6px 4px;font-size:10px;border-radius:5px;margin-bottom:2px;box-shadow:none;display:flex;align-items:center;gap:6px}.menu-icon[data-v-eac925a5]{font-size:12px;width:14px;min-width:14px}.menu-text h4[data-v-eac925a5]{font-size:10px;margin-bottom:0}.menu-text p[data-v-eac925a5]{display:none}.whatsapp-btn[data-v-eac925a5]{font-size:10px;padding:7px 1px;width:100%;min-width:0;box-sizing:border-box;border-radius:5px}.floating-button[data-v-eac925a5]{width:32px;height:32px;right:6px;bottom:6px}}@media (max-width: 375px){.chat-header h2[data-v-eac925a5]{font-size:16px}.menu-item[data-v-eac925a5]{font-size:13px;padding:8px 4px}.whatsapp-btn[data-v-eac925a5]{font-size:12px;padding:10px 2px}}.morning-reflection-navbar[data-v-e135d2fd]{position:relative}.reflection-status[data-v-e135d2fd]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;min-width:140px}.reflection-status[data-v-e135d2fd]:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.status-icon[data-v-e135d2fd]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.status-present[data-v-e135d2fd]{background:#10b9811a;color:var(--success-color)}.status-absent[data-v-e135d2fd]{background:#ef44441a;color:var(--error-color)}.status-late[data-v-e135d2fd]{background:#f59e0b1a;color:var(--warning-color)}.status-leave[data-v-e135d2fd]{background:#3b82f61a;color:var(--primary-color)}.status-not-worship[data-v-e135d2fd],.status-unknown[data-v-e135d2fd]{background:#6b72801a;color:var(--text-muted)}.status-info[data-v-e135d2fd]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-text[data-v-e135d2fd]{font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary)}.status-date[data-v-e135d2fd]{font-size:var(--font-size-xs);color:var(--text-muted)}.reflection-modal-overlay[data-v-e135d2fd]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.reflection-modal[data-v-e135d2fd]{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-e135d2fd]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-e135d2fd]{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.close-btn[data-v-e135d2fd]{background:none;border:none;color:var(--text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius);transition:all .2s ease}.close-btn[data-v-e135d2fd]:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-navigation[data-v-e135d2fd]{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.tab-btn[data-v-e135d2fd]{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border-bottom:3px solid transparent}.tab-btn[data-v-e135d2fd]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.tab-active[data-v-e135d2fd]{background:var(--bg-primary);color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content[data-v-e135d2fd]{padding:var(--spacing-lg)}.redirect-card[data-v-e135d2fd]{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark, #2563eb));border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;color:#fff;cursor:pointer;transition:all .3s ease;border:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.redirect-card[data-v-e135d2fd]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.redirect-card i[data-v-e135d2fd]{font-size:2.5rem;margin-bottom:var(--spacing-md);opacity:.9}.redirect-card h4[data-v-e135d2fd]{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:600}.redirect-card p[data-v-e135d2fd]{margin:0;font-size:var(--font-size-sm);opacity:.9;line-height:1.5}.modal-content[data-v-e135d2fd]{padding:var(--spacing-lg)}.today-status[data-v-e135d2fd]{margin-bottom:var(--spacing-xl)}.status-card[data-v-e135d2fd]{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary)}.status-header[data-v-e135d2fd]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.status-header i[data-v-e135d2fd]{font-size:var(--font-size-xl)}.status-header h4[data-v-e135d2fd]{margin:0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.status-card p[data-v-e135d2fd]{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.status-details[data-v-e135d2fd]{display:flex;gap:var(--spacing-lg)}.detail-item[data-v-e135d2fd]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted)}.attendance-history h4[data-v-e135d2fd]{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.history-list[data-v-e135d2fd]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.empty-history[data-v-e135d2fd]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius);border:1px dashed var(--border-color)}.empty-history i[data-v-e135d2fd]{font-size:2rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-history p[data-v-e135d2fd]{margin:0;font-size:var(--font-size-sm);line-height:1.5}.history-item[data-v-e135d2fd]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-radius:var(--radius);border:1px solid var(--border-color);background:var(--bg-secondary);transition:all .2s ease}.history-item.present[data-v-e135d2fd]{border-left:4px solid var(--success-color)}.history-item.absent[data-v-e135d2fd]{border-left:4px solid var(--error-color)}.history-item.late[data-v-e135d2fd]{border-left:4px solid var(--warning-color)}.history-item.leave[data-v-e135d2fd]{border-left:4px solid var(--primary-color)}.history-item.not_worship_day[data-v-e135d2fd]{border-left:4px solid var(--text-muted)}.day-name[data-v-e135d2fd]{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.day-date[data-v-e135d2fd]{color:var(--text-muted);font-size:var(--font-size-xs)}.day-status[data-v-e135d2fd]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:500}.day-status.present[data-v-e135d2fd]{color:var(--success-color)}.day-status.absent[data-v-e135d2fd]{color:var(--error-color)}.day-status.late[data-v-e135d2fd]{color:var(--warning-color)}.day-status.leave[data-v-e135d2fd]{color:var(--primary-color)}.day-status.not_worship_day[data-v-e135d2fd]{color:var(--text-muted)}.leave-info[data-v-e135d2fd]{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#3b82f61a;border-radius:var(--radius);border:1px solid rgba(59,130,246,.2)}.leave-notice[data-v-e135d2fd]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-color);font-size:var(--font-size-sm)}@media (max-width: 768px){.reflection-status[data-v-e135d2fd]{min-width:120px;padding:var(--spacing-xs) var(--spacing-sm)}.status-icon[data-v-e135d2fd]{width:28px;height:28px;font-size:var(--font-size-xs)}.status-text[data-v-e135d2fd],.status-date[data-v-e135d2fd]{font-size:var(--font-size-xs)}.reflection-modal[data-v-e135d2fd]{margin:var(--spacing-sm);max-height:90vh}.modal-content[data-v-e135d2fd]{padding:var(--spacing-md)}.status-details[data-v-e135d2fd]{flex-direction:column;gap:var(--spacing-sm)}}.app-layout[data-v-2d0e7520]{display:flex;min-height:100vh;background-color:var(--bg-primary, #f8fafc);transition:background-color .3s ease}.mobile-overlay[data-v-2d0e7520]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:998;display:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:none}.mobile-overlay.active[data-v-2d0e7520]{opacity:1;visibility:visible;pointer-events:auto}body.menu-open[data-v-2d0e7520]{overflow:hidden}.sidebar[data-v-2d0e7520]{width:280px;background:linear-gradient(180deg,#4fc3f7,#29b6f6,#03a9f4);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0000004d;-webkit-overflow-scrolling:touch;touch-action:pan-y;will-change:transform;overflow-y:auto}.sidebar-nav[data-v-2d0e7520]{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sidebar-nav[data-v-2d0e7520]::-webkit-scrollbar{width:6px}.sidebar-nav[data-v-2d0e7520]::-webkit-scrollbar-track{background:transparent}.sidebar-nav[data-v-2d0e7520]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-nav[data-v-2d0e7520]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-open[data-v-2d0e7520]{transform:translate(0)}.sidebar-header[data-v-2d0e7520]{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;background:#ffffff1a}.logo-section[data-v-2d0e7520]{display:flex;align-items:center;gap:1rem}.logo-container[data-v-2d0e7520]{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.logo[data-v-2d0e7520]{width:35px;height:35px;border-radius:8px;object-fit:cover}.title-section h2[data-v-2d0e7520]{font-size:1.5rem;font-weight:600;margin:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.close-btn[data-v-2d0e7520]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.75rem;border-radius:4px;transition:background-color .2s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.close-btn[data-v-2d0e7520]:hover{background-color:#ffffff1a}.mobile-only[data-v-2d0e7520]{display:none}.sidebar-nav[data-v-2d0e7520]{flex:1;padding:1rem 0;overflow-y:auto}.nav-list[data-v-2d0e7520]{list-style:none;margin:0;padding:0}.nav-item[data-v-2d0e7520]{margin:.25rem 0}.nav-link[data-v-2d0e7520]{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;color:#ffffffe6;text-decoration:none;transition:all .3s ease;border-radius:0 25px 25px 0;margin:.125rem 1rem .125rem 0;position:relative}.nav-link[data-v-2d0e7520]:hover{background-color:#ffffff26;color:#fff;transform:translate(5px);box-shadow:0 4px 12px #0003}.nav-link.router-link-active[data-v-2d0e7520],.nav-link.active[data-v-2d0e7520]{background-color:#ffffff40;color:#fff;font-weight:600;box-shadow:0 4px 15px #0000004d}.nav-icon[data-v-2d0e7520]{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-icon svg[data-v-2d0e7520]{width:20px;height:20px}.nav-text[data-v-2d0e7520]{font-weight:500;font-size:.95rem}.has-submenu .nav-link[data-v-2d0e7520]{justify-content:space-between}.nav-arrow[data-v-2d0e7520]{transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.nav-arrow-open[data-v-2d0e7520]{transform:rotate(180deg)}.submenu[data-v-2d0e7520]{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#0000001a}.submenu-open[data-v-2d0e7520]{max-height:300px}.submenu-link[data-v-2d0e7520]{display:block;padding:.75rem 1.5rem .75rem 4rem;color:#fffc;text-decoration:none;transition:all .2s ease;font-size:.875rem}.submenu-link[data-v-2d0e7520]:hover{background-color:#ffffff1a;color:#fff;padding-left:4.5rem}.submenu-link.router-link-active[data-v-2d0e7520],.submenu-link.active[data-v-2d0e7520]{background-color:#fff3;color:#fff;font-weight:600}.sidebar-footer[data-v-2d0e7520]{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.user-info[data-v-2d0e7520]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background-color:#ffffff1a;border-radius:8px}.user-avatar[data-v-2d0e7520]{width:40px;height:40px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;overflow:hidden}.avatar-image[data-v-2d0e7520],.avatar-image-small[data-v-2d0e7520]{width:100%;height:100%;object-fit:cover;border-radius:50%;aspect-ratio:1 / 1}.user-details[data-v-2d0e7520]{flex:1}.user-name[data-v-2d0e7520]{font-weight:600;margin:0;font-size:.875rem}.user-role[data-v-2d0e7520]{font-size:.75rem;opacity:.8;margin:0}.logout-btn[data-v-2d0e7520]{width:100%;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:none;border:1px solid rgba(255,255,255,.2);color:#fffc;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.875rem}.logout-btn[data-v-2d0e7520]:hover{background-color:#ffffff1a;color:#fff;border-color:#ffffff4d}.main-wrapper[data-v-2d0e7520]{flex:1;display:flex;flex-direction:column;margin-left:280px;min-height:100vh;width:calc(100% - 280px)}.main-content[data-v-2d0e7520]{flex:1;padding:1rem;padding-top:80px;overflow-y:auto;width:100%;min-height:calc(100vh - 80px);background-color:var(--bg-primary, #f8fafc);transition:background-color .3s ease}.navbar[data-v-2d0e7520]{background-color:var(--bg-secondary, #ffffff);border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .1));box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .05));position:fixed;top:0;left:0;right:0;z-index:999;transition:all .3s ease}.navbar-content[data-v-2d0e7520]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;max-width:1400px;margin:0 auto}.navbar-title[data-v-2d0e7520]{flex:1;text-align:center}.navbar-title h1[data-v-2d0e7520]{font-size:1.5rem;font-weight:600;color:var(--text-primary, #1e3a8a);margin:0;letter-spacing:-.025em;background:linear-gradient(135deg,#1e3a8a,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;padding-bottom:4px}.navbar-title h1[data-v-2d0e7520]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50%;height:2px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:1px;opacity:.5}.menu-toggle[data-v-2d0e7520]{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.75rem;border-radius:8px;transition:all .3s ease;min-width:48px;min-height:48px;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;position:relative;z-index:1001}.menu-toggle[data-v-2d0e7520]:hover{background-color:#1e3a8a1a;transform:scale(1.05)}.menu-toggle[data-v-2d0e7520]:active{transform:scale(.95)}.menu-toggle[data-v-2d0e7520]:focus{outline:2px solid rgba(30,58,138,.3);outline-offset:2px}.hamburger[data-v-2d0e7520]{width:26px;height:3px;background-color:#1e3a8a;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center;display:block}.app-layout.mobile-menu-open .menu-toggle .hamburger[data-v-2d0e7520]:nth-child(1){transform:rotate(45deg) translate(6px,6px);background-color:#dc2626}.app-layout.mobile-menu-open .menu-toggle .hamburger[data-v-2d0e7520]:nth-child(2){opacity:0;transform:scale(0)}.app-layout.mobile-menu-open .menu-toggle .hamburger[data-v-2d0e7520]:nth-child(3){transform:rotate(-45deg) translate(8px,-8px);background-color:#dc2626}.navbar-actions[data-v-2d0e7520]{display:flex;align-items:center;gap:1rem}.notification-btn[data-v-2d0e7520]{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s}.notification-btn[data-v-2d0e7520]:hover{background-color:#0000000d}.notification-icon[data-v-2d0e7520]{font-size:1.25rem;color:#1e3a8a}.notification-badge[data-v-2d0e7520]{position:absolute;top:0;right:0;background-color:#ef4444;color:#fff;font-size:.65rem;font-weight:600;border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;animation:pulse-2d0e7520 2s infinite}@keyframes pulse-2d0e7520{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-dropdown[data-v-2d0e7520]{position:absolute;top:100%;right:0;background:var(--bg-secondary, #ffffff);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:380px;max-width:420px;z-index:1001;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;overflow:hidden;max-height:500px}.notification-dropdown-open[data-v-2d0e7520]{opacity:1;visibility:visible;transform:translateY(0)}.notification-header[data-v-2d0e7520]{padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb}.notification-header h4[data-v-2d0e7520]{margin:0;font-size:1rem;font-weight:600;color:#1e3a8a}.notification-count[data-v-2d0e7520]{font-size:.875rem;color:#64748b;margin-top:.25rem;display:block}.notification-loading[data-v-2d0e7520],.notification-empty[data-v-2d0e7520]{padding:2rem;text-align:center;color:#64748b}.notification-loading i[data-v-2d0e7520],.notification-empty i[data-v-2d0e7520]{font-size:2rem;margin-bottom:.5rem;display:block}.notification-loading span[data-v-2d0e7520],.notification-empty span[data-v-2d0e7520]{font-size:.875rem}.notification-list[data-v-2d0e7520]{max-height:300px;overflow-y:auto}.notification-item[data-v-2d0e7520]{display:flex;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s ease}.notification-item[data-v-2d0e7520]:hover{background-color:#f8fafc}.notification-item[data-v-2d0e7520]:last-child{border-bottom:none}.notification-item.notification-read[data-v-2d0e7520]{opacity:.6;background-color:#f9fafb}.notification-item.notification-read[data-v-2d0e7520]:hover{background-color:#f3f4f6}.notification-avatar[data-v-2d0e7520]{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0}.notification-content[data-v-2d0e7520]{flex:1;min-width:0}.notification-title[data-v-2d0e7520]{font-weight:600;color:#1f2937;font-size:.875rem;margin-bottom:.25rem}.notification-message[data-v-2d0e7520]{color:#6b7280;font-size:.8rem;margin-bottom:.5rem;line-height:1.4}.notification-date[data-v-2d0e7520]{color:#9ca3af;font-size:.75rem;margin-bottom:.25rem}.notification-time[data-v-2d0e7520]{color:#d1d5db;font-size:.7rem}.notification-status[data-v-2d0e7520]{flex-shrink:0;position:relative}.unread-indicator[data-v-2d0e7520]{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#3b82f6;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #e5e7eb}.status-badge[data-v-2d0e7520]{padding:.25rem .5rem;border-radius:.375rem;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge.pending[data-v-2d0e7520]{background-color:#fef3c7;color:#d97706}.status-badge.approved[data-v-2d0e7520]{background-color:#dcfce7;color:#16a34a}.status-badge.rejected[data-v-2d0e7520]{background-color:#fee2e2;color:#dc2626}.notification-footer[data-v-2d0e7520]{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f8fafc}.btn-view-all[data-v-2d0e7520]{width:100%;padding:.75rem;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-view-all[data-v-2d0e7520]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.user-menu[data-v-2d0e7520]{display:flex;align-items:center;gap:.5rem;position:relative;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s}.user-menu[data-v-2d0e7520]:hover{background-color:#0000000d}.user-avatar-small[data-v-2d0e7520]{width:32px;height:32px;background-color:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#1e3a8a;overflow:hidden;aspect-ratio:1 / 1;flex-shrink:0}.welcome-text[data-v-2d0e7520]{font-size:.875rem;color:#1e3a8a;font-weight:500}.dropdown-arrow[data-v-2d0e7520]{transition:transform .2s ease;color:#1e3a8a}.dropdown-arrow-open[data-v-2d0e7520]{transform:rotate(180deg)}.user-dropdown[data-v-2d0e7520]{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:280px;z-index:1001;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;overflow:hidden}.user-dropdown-open[data-v-2d0e7520]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header[data-v-2d0e7520]{padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:1rem}.user-avatar-large[data-v-2d0e7520]{width:60px;height:60px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 4px 12px #3b82f64d;overflow:hidden;aspect-ratio:1 / 1;flex-shrink:0}.user-info-dropdown h4[data-v-2d0e7520]{margin:0;font-size:1rem;font-weight:600;color:#1e3a8a}.user-info-dropdown p[data-v-2d0e7520]{margin:.25rem 0 0;font-size:.875rem;color:#64748b}.user-info-dropdown .user-role-dropdown[data-v-2d0e7520]{margin:.25rem 0;font-size:.8rem;color:#3b82f6;font-weight:600;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:.25rem .5rem;border-radius:.375rem;display:inline-block}.user-info-dropdown .user-email-dropdown[data-v-2d0e7520]{margin:.5rem 0 0;font-size:.75rem;color:#94a3b8}.dropdown-divider[data-v-2d0e7520]{height:1px;background:#e5e7eb;margin:0}.dropdown-menu[data-v-2d0e7520]{list-style:none;margin:0;padding:.5rem 0}.dropdown-menu li[data-v-2d0e7520]{margin:0}.dropdown-item[data-v-2d0e7520]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#374151;text-decoration:none;transition:all .2s ease;font-size:.875rem;font-weight:500}.dropdown-item[data-v-2d0e7520]:hover{background-color:#f8fafc;color:#1e3a8a}.dropdown-icon[data-v-2d0e7520]{font-size:1rem;width:20px;text-align:center;display:flex;align-items:center;justify-content:center}.dropdown-icon svg[data-v-2d0e7520]{transition:all .3s ease;stroke:currentColor}.dropdown-item:hover .dropdown-icon svg[data-v-2d0e7520]{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logout-item[data-v-2d0e7520]{color:#dc2626;border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:1rem;position:relative}.logout-item[data-v-2d0e7520]:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;box-shadow:inset 0 1px 3px #dc26261a}.logout-item .dropdown-icon svg[data-v-2d0e7520]{stroke:#dc2626;filter:drop-shadow(0 1px 2px rgba(220,38,38,.2))}.logout-item:hover .dropdown-icon svg[data-v-2d0e7520]{transform:scale(1.15) rotate(-5deg);filter:drop-shadow(0 3px 6px rgba(220,38,38,.3));stroke:#b91c1c}.search-container[data-v-2d0e7520]{position:relative;margin-right:1rem}.search-btn[data-v-2d0e7520]{background:none;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#64748b}.search-btn[data-v-2d0e7520]:hover{background:#64748b1a;color:#1e3a8a;transform:translateY(-1px)}.search-icon[data-v-2d0e7520]{display:flex;align-items:center;justify-content:center}.search-dropdown[data-v-2d0e7520]{position:absolute;top:100%;right:0;width:380px;max-height:450px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #e2e8f0;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;overflow:hidden}.search-dropdown-open[data-v-2d0e7520]{opacity:1;visibility:visible;transform:translateY(0)}.search-header[data-v-2d0e7520]{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.search-header h4[data-v-2d0e7520]{margin:0;font-size:1rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.search-header-icon[data-v-2d0e7520]{font-size:.875rem;color:#3b82f6}.search-subtitle[data-v-2d0e7520]{font-size:.8rem;color:#64748b;margin-top:.25rem}.search-input-container[data-v-2d0e7520]{position:relative;padding:.75rem 1.5rem;border-bottom:1px solid #e2e8f0}.search-input[data-v-2d0e7520]{width:100%;padding:.625rem 2.5rem .625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s ease;background:#fff}.search-input[data-v-2d0e7520]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.clear-search-btn[data-v-2d0e7520]{position:absolute;right:1.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.25rem;border-radius:4px;cursor:pointer;color:#9ca3af;transition:all .2s ease}.clear-search-btn[data-v-2d0e7520]:hover{background:#f3f4f6;color:#6b7280}.search-loading[data-v-2d0e7520],.search-empty[data-v-2d0e7520],.search-placeholder[data-v-2d0e7520]{padding:1.5rem;text-align:center;color:#6b7280}.search-loading i[data-v-2d0e7520],.search-empty i[data-v-2d0e7520],.search-placeholder i[data-v-2d0e7520]{font-size:1.25rem;margin-bottom:.5rem;display:block;opacity:.5}.search-results[data-v-2d0e7520]{max-height:280px;overflow-y:auto}.search-result-item[data-v-2d0e7520]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.search-result-item[data-v-2d0e7520]:hover{background:#f8fafc;transform:translate(2px)}.search-result-item[data-v-2d0e7520]:last-child{border-bottom:none}.result-icon[data-v-2d0e7520]{width:32px;height:32px;background:#3b82f6;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;flex-shrink:0}.result-content[data-v-2d0e7520]{flex:1;min-width:0}.result-title[data-v-2d0e7520]{font-weight:600;color:#1e293b;margin-bottom:.125rem;font-size:.875rem}.result-description[data-v-2d0e7520]{color:#6b7280;font-size:.75rem;margin-bottom:.25rem;line-height:1.3}.result-category[data-v-2d0e7520]{color:#3b82f6;font-size:.7rem;font-weight:500;background:#3b82f61a;padding:.125rem .375rem;border-radius:3px;display:inline-block}.result-action[data-v-2d0e7520]{color:#9ca3af;transition:all .2s ease}.search-result-item:hover .result-action[data-v-2d0e7520]{color:#3b82f6;transform:translate(2px)}@media (max-width: 768px){.search-dropdown[data-v-2d0e7520]{width:calc(100vw - 1rem);right:-.5rem;max-height:70vh;border-radius:12px}.search-header[data-v-2d0e7520]{padding:12px 16px}.search-header h4[data-v-2d0e7520]{font-size:1rem}.search-subtitle[data-v-2d0e7520]{font-size:.8rem}.search-input-container[data-v-2d0e7520]{padding:0 16px 12px}.search-input[data-v-2d0e7520]{font-size:.9rem;padding:10px 12px}.search-results[data-v-2d0e7520]{max-height:50vh}.search-result-item[data-v-2d0e7520]{padding:10px 16px;gap:12px}.result-icon[data-v-2d0e7520]{width:32px;height:32px;font-size:.9rem;flex-shrink:0}.result-content[data-v-2d0e7520]{flex:1;min-width:0}.result-title[data-v-2d0e7520]{font-size:.9rem;font-weight:600;margin-bottom:2px}.result-description[data-v-2d0e7520]{font-size:.8rem;line-height:1.3;margin-bottom:2px}.result-category[data-v-2d0e7520]{font-size:.7rem;opacity:.8}.result-action[data-v-2d0e7520]{width:20px;height:20px;flex-shrink:0}.search-placeholder[data-v-2d0e7520],.search-empty[data-v-2d0e7520]{padding:20px 16px;font-size:.85rem}}@media (min-width: 1025px){.sidebar[data-v-2d0e7520]{transform:translate(0)}.main-wrapper[data-v-2d0e7520]{margin-left:280px;width:calc(100% - 280px)}.menu-toggle[data-v-2d0e7520]{display:none}.mobile-overlay[data-v-2d0e7520]{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.sidebar[data-v-2d0e7520]{transform:translate(-100%);z-index:1000;width:280px;box-shadow:2px 0 10px #0000001a}.sidebar.sidebar-open[data-v-2d0e7520]{transform:translate(0)}.main-wrapper[data-v-2d0e7520]{margin-left:0;width:100%}.menu-toggle[data-v-2d0e7520]{display:flex;z-index:1001;position:relative}.mobile-overlay[data-v-2d0e7520]{display:block}.app-layout.mobile-menu-open .mobile-overlay[data-v-2d0e7520]{display:block!important;opacity:1;visibility:visible;pointer-events:auto}}@media (max-width: 768px){.sidebar[data-v-2d0e7520]{transform:translate(-100%);z-index:1000;width:75vw;max-width:320px;box-shadow:4px 0 20px #00000026;overflow-y:auto;overflow-x:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-overflow-scrolling:touch;height:100vh;max-height:100vh}.sidebar.sidebar-open[data-v-2d0e7520]{transform:translate(0)}.mobile-overlay[data-v-2d0e7520]{display:block;background-color:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.app-layout.mobile-menu-open .mobile-overlay[data-v-2d0e7520]{display:block!important;opacity:1;visibility:visible;pointer-events:auto}.mobile-only[data-v-2d0e7520]{display:block}.main-wrapper[data-v-2d0e7520]{margin-left:0;width:100%}.menu-toggle[data-v-2d0e7520]{display:flex;z-index:1001;position:relative;background:transparent;border:none;cursor:pointer}.navbar-content[data-v-2d0e7520]{padding:.75rem 1rem}.navbar-title h1[data-v-2d0e7520]{font-size:1.25rem}.navbar-title h1[data-v-2d0e7520]:after{width:75%}.welcome-text[data-v-2d0e7520]{display:none}.notification-btn[data-v-2d0e7520]{padding:.25rem}.notification-icon[data-v-2d0e7520]{font-size:1.125rem}.user-dropdown[data-v-2d0e7520]{min-width:260px;right:-1rem}.dropdown-header[data-v-2d0e7520]{padding:1rem}.dropdown-item[data-v-2d0e7520]{padding:.75rem 1rem}.notification-badge[data-v-2d0e7520]{width:1rem;height:1rem;font-size:.6rem}.main-content[data-v-2d0e7520]{padding:80px 1rem 1rem}.sidebar-header[data-v-2d0e7520]{padding:1.2rem}.title-section h2[data-v-2d0e7520]{font-size:1.3rem}.nav-link[data-v-2d0e7520]{padding:.75rem 1.2rem;margin-right:.8rem}.nav-text[data-v-2d0e7520]{font-size:.9rem}.submenu-link[data-v-2d0e7520]{padding:.65rem 1.2rem .65rem 3.5rem;font-size:.85rem}.sidebar-nav[data-v-2d0e7520]{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sidebar-nav[data-v-2d0e7520]::-webkit-scrollbar{width:6px}.sidebar-nav[data-v-2d0e7520]::-webkit-scrollbar-track{background:transparent}.sidebar-nav[data-v-2d0e7520]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-nav[data-v-2d0e7520]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-footer[data-v-2d0e7520]{padding:1.2rem;flex-shrink:0}.user-info[data-v-2d0e7520]{padding:.6rem}.user-name[data-v-2d0e7520]{font-size:.85rem}.user-role[data-v-2d0e7520]{font-size:.7rem}.logout-btn[data-v-2d0e7520]{padding:.65rem .8rem;font-size:.85rem}}@media (max-width: 480px){.sidebar[data-v-2d0e7520]{width:80vw;max-width:280px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;height:100vh;max-height:100vh}.navbar-title h1[data-v-2d0e7520]{font-size:1rem}.navbar-content[data-v-2d0e7520]{padding:.5rem .75rem}.menu-toggle[data-v-2d0e7520]{padding:.25rem}.main-content[data-v-2d0e7520]{padding:70px .75rem .75rem}.notification-dropdown[data-v-2d0e7520]{min-width:300px;max-width:320px;right:-.5rem}.notification-item[data-v-2d0e7520],.notification-header[data-v-2d0e7520],.notification-footer[data-v-2d0e7520]{padding:.75rem 1rem}.sidebar-header[data-v-2d0e7520]{padding:1rem}.title-section h2[data-v-2d0e7520]{font-size:1.2rem}.nav-link[data-v-2d0e7520]{padding:.7rem 1rem;margin-right:.6rem}.nav-text[data-v-2d0e7520]{font-size:.85rem}.submenu-link[data-v-2d0e7520]{padding:.6rem 1rem .6rem 3rem;font-size:.8rem}.sidebar-nav[data-v-2d0e7520]{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0}.sidebar-nav[data-v-2d0e7520]::-webkit-scrollbar{width:8px}.sidebar-nav[data-v-2d0e7520]::-webkit-scrollbar-track{background:transparent}.sidebar-nav[data-v-2d0e7520]::-webkit-scrollbar-thumb{background:#fff6;border-radius:4px}.sidebar-footer[data-v-2d0e7520]{padding:1rem;flex-shrink:0}.user-info[data-v-2d0e7520]{padding:.5rem}.user-avatar[data-v-2d0e7520]{width:35px;height:35px;font-size:1.1rem}.user-name[data-v-2d0e7520]{font-size:.8rem}.user-role[data-v-2d0e7520]{font-size:.65rem}.logout-btn[data-v-2d0e7520]{padding:.6rem .7rem;font-size:.8rem}}@media (max-width: 360px){.sidebar[data-v-2d0e7520]{width:85vw;max-width:260px}.sidebar-header[data-v-2d0e7520]{padding:.8rem}.title-section h2[data-v-2d0e7520]{font-size:1.1rem}.nav-link[data-v-2d0e7520]{padding:.65rem .8rem;margin-right:.4rem}.nav-text[data-v-2d0e7520]{font-size:.8rem}.nav-icon[data-v-2d0e7520]{width:20px;height:20px}.nav-icon svg[data-v-2d0e7520]{width:18px;height:18px}}.logout-modal-overlay[data-v-2d0e7520]{position:fixed;top:0;left:0;right:0;bottom:0;background:#1e293b40;display:flex;align-items:center;justify-content:center;z-index:2000}.logout-modal-content[data-v-2d0e7520]{background:#fff;border-radius:18px;box-shadow:0 8px 32px #1e293b2e;padding:2.5rem 2rem 2rem;max-width:350px;width:92vw;text-align:center;position:relative;animation:modalPop-2d0e7520 .18s cubic-bezier(.4,2,.6,1) both}@keyframes modalPop-2d0e7520{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.logout-modal-icon[data-v-2d0e7520]{margin-bottom:1.2rem;display:flex;align-items:center;justify-content:center}.logout-modal-title[data-v-2d0e7520]{font-size:1.18rem;font-weight:600;color:#1e293b;margin-bottom:1.6rem}.logout-modal-actions[data-v-2d0e7520]{display:flex;gap:1.2rem;justify-content:center;margin-top:1.2rem}.logout-btn-yes[data-v-2d0e7520],.logout-btn-cancel[data-v-2d0e7520]{flex:1 1 0;min-width:110px;padding:.85rem 0;font-size:1.08rem;font-weight:600;border:none;border-radius:9px;cursor:pointer;box-shadow:0 2px 8px #1e293b0f;transition:background .18s,box-shadow .18s,color .18s,transform .15s;outline:none;margin:0}.logout-btn-yes[data-v-2d0e7520]{background:linear-gradient(90deg,#ef4444 60%,#f87171);color:#fff;box-shadow:0 2px 8px #ef44441a}.logout-btn-yes[data-v-2d0e7520]:hover,.logout-btn-yes[data-v-2d0e7520]:focus{background:linear-gradient(90deg,#dc2626 60%,#ef4444);box-shadow:0 4px 16px #ef444421;transform:translateY(-2px) scale(1.03)}.logout-btn-cancel[data-v-2d0e7520]{background:#f3f4f6;color:#334155}.logout-btn-cancel[data-v-2d0e7520]:hover,.logout-btn-cancel[data-v-2d0e7520]:focus{background:#e5e7eb;color:#1e293b;transform:translateY(-2px) scale(1.03)}@media (max-width: 480px){.logout-modal-content[data-v-2d0e7520]{padding:1.5rem .5rem 1.2rem;max-width:98vw}.logout-modal-actions[data-v-2d0e7520]{flex-direction:column;gap:.7rem}.logout-btn-yes[data-v-2d0e7520],.logout-btn-cancel[data-v-2d0e7520]{min-width:0;width:100%;font-size:1rem;padding:.9rem 0}}.logout-modal-simple[data-v-2d0e7520]{border-radius:14px;box-shadow:0 4px 24px #1e293b1a;padding:2rem 1.5rem 1.5rem;max-width:340px;width:92vw;background:#fff}.logout-modal-icon-simple[data-v-2d0e7520]{margin-bottom:1.1rem;display:flex;align-items:center;justify-content:center;opacity:.85}.logout-modal-title-simple[data-v-2d0e7520]{font-size:1.05rem;font-weight:500;color:#222;margin-bottom:1.3rem;letter-spacing:.01em}.logout-modal-actions-simple[data-v-2d0e7520]{display:flex;gap:.7rem;justify-content:center;margin-top:.5rem}.logout-btn-yes-simple[data-v-2d0e7520]{background:#ef4444;color:#fff;border:none;border-radius:7px;padding:.7rem 1.3rem;font-size:1rem;font-weight:500;cursor:pointer;box-shadow:none;transition:background .16s,color .16s}.logout-btn-yes-simple[data-v-2d0e7520]:hover,.logout-btn-yes-simple[data-v-2d0e7520]:focus{background:#dc2626;color:#fff}.logout-btn-cancel-simple[data-v-2d0e7520]{background:#f3f4f6;color:#222;border:none;border-radius:7px;padding:.7rem 1.3rem;font-size:1rem;font-weight:500;cursor:pointer;box-shadow:none;transition:background .16s,color .16s}.logout-btn-cancel-simple[data-v-2d0e7520]:hover,.logout-btn-cancel-simple[data-v-2d0e7520]:focus{background:#e5e7eb;color:#1e293b}@media (max-width: 480px){.logout-modal-simple[data-v-2d0e7520]{padding:1.2rem .5rem 1rem;max-width:98vw}.logout-modal-actions-simple[data-v-2d0e7520]{flex-direction:column;gap:.5rem}.logout-btn-yes-simple[data-v-2d0e7520],.logout-btn-cancel-simple[data-v-2d0e7520]{width:100%;font-size:.98rem;padding:.9rem 0}}.action-section[data-v-999357ec]{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-top:var(--space-10)}.section-header[data-v-999357ec]{margin-bottom:1.5rem}.section-header h2[data-v-999357ec]{font-size:1.5rem;font-weight:700;color:#111827}.quota-grid[data-v-999357ec]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.quota-card[data-v-999357ec]{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;transition:all .2s ease-in-out}.quota-card[data-v-999357ec]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.card-header[data-v-999357ec]{background-color:#f3f4f6;padding:.75rem 1.25rem;border-bottom:1px solid #e5e7eb}.card-title[data-v-999357ec]{font-size:1rem;font-weight:600;color:#374151}.card-body[data-v-999357ec]{padding:1.25rem}.quota-usage[data-v-999357ec]{font-size:1.75rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:baseline}.used[data-v-999357ec]{color:#2563eb}.separator[data-v-999357ec]{color:#d1d5db;margin:0 .5rem}.total[data-v-999357ec]{font-size:1.25rem;color:#6b7280}.unit[data-v-999357ec]{font-size:.875rem;color:#6b7280;margin-left:.5rem}.progress-bar[data-v-999357ec]{width:100%;height:6px;background-color:#e5e7eb;border-radius:9999px;margin-bottom:.5rem}.progress-fill[data-v-999357ec]{height:100%;background-color:#2563eb;border-radius:9999px;transition:width .5s ease-in-out}.quota-remaining[data-v-999357ec]{font-size:.875rem;color:#4b5563;text-align:right}.loading-state[data-v-999357ec],.error-state[data-v-999357ec],.empty-state[data-v-999357ec]{text-align:center;padding:2rem;color:#6b7280;background-color:#f9fafb;border-radius:8px}.subordinate-quotas-section[data-v-974c0104]{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-top:var(--space-10)}.section-header h2[data-v-974c0104]{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1.5rem}.table-container[data-v-974c0104]{overflow-x:auto}.quotas-table[data-v-974c0104]{width:100%;border-collapse:collapse;text-align:left}.quotas-table th[data-v-974c0104],.quotas-table td[data-v-974c0104]{padding:1rem;border-bottom:1px solid #e5e7eb}.quotas-table th[data-v-974c0104]{background-color:#f9fafb;font-weight:600;color:#4b5563;font-size:.875rem;text-transform:uppercase}.quotas-table td[data-v-974c0104]{color:#374151}.text-muted[data-v-974c0104]{color:#9ca3af}.status-badge[data-v-974c0104]{padding:.25rem .75rem;border-radius:9999px;font-weight:600;font-size:.75rem;text-transform:uppercase;color:#fff;letter-spacing:.05em;display:inline-block}.status-hadir[data-v-974c0104]{background-color:#10b981}.status-cuti[data-v-974c0104]{background-color:#3b82f6}.status-absen[data-v-974c0104]{background-color:#ef4444}.loading-state[data-v-974c0104],.error-state[data-v-974c0104],.empty-state[data-v-974c0104]{text-align:center;padding:2rem;color:#6b7280;background-color:#f9fafb;border-radius:8px}.employee-dashboard[data-v-68b19db1]{padding:24px;background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100%;margin:0 auto;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.dashboard-header[data-v-68b19db1]{margin-bottom:24px}.header-content[data-v-68b19db1]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.welcome-section h1[data-v-68b19db1]{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.welcome-section p[data-v-68b19db1]{font-size:16px;color:#64748b;margin:0}.current-time[data-v-68b19db1]{text-align:right;display:flex;flex-direction:column;gap:4px}.time-display[data-v-68b19db1]{font-size:16px;color:#1e293b;font-weight:600;display:flex;align-items:center;gap:8px}.date-display[data-v-68b19db1]{font-size:14px;color:#64748b;font-weight:500}.worship-section[data-v-68b19db1]{margin-bottom:24px}.worship-card[data-v-68b19db1]{background:#fff;border-radius:12px;padding:24px;color:#1e293b;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.worship-header[data-v-68b19db1]{display:flex;align-items:center;margin-bottom:16px}.worship-title[data-v-68b19db1]{font-size:20px;font-weight:600;margin:0 0 0 12px;color:#1e293b}.worship-time[data-v-68b19db1]{font-size:14px;color:#64748b;margin-left:auto}.worship-main-row[data-v-68b19db1]{display:flex;align-items:center;justify-content:space-between;gap:16px}.worship-status-col[data-v-68b19db1]{display:flex;flex-direction:column;gap:8px;flex:1}.status-row[data-v-68b19db1]{display:flex;align-items:center;gap:8px}.status-icon[data-v-68b19db1]{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.status-icon.belum-hadir[data-v-68b19db1]{background:#3b82f61a;color:#3b82f6}.status-icon.sudah-selesai[data-v-68b19db1]{background:#6b72801a;color:#6b7280}.status-icon.bukan-hari-ibadah[data-v-68b19db1]{background:#9ca3af1a;color:#9ca3af}.status-text[data-v-68b19db1]{font-size:14px;font-weight:500}.status-text.belum-hadir[data-v-68b19db1]{color:#64748b}.status-text.sudah-selesai[data-v-68b19db1]{color:#6b7280;font-weight:600;display:flex;align-items:center;gap:8px}.status-text.bukan-hari-ibadah[data-v-68b19db1]{color:#9ca3af;font-weight:500}.btn-text[data-v-68b19db1]{display:flex;align-items:center;gap:6px;font-weight:600}.countdown[data-v-68b19db1]{font-size:12px;color:#64748b;margin-top:4px}.worship-action-col[data-v-68b19db1]{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.btn-zoom[data-v-68b19db1]{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-bottom:4px;display:flex;align-items:center;justify-content:center;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;will-change:background-color}.btn-zoom[data-v-68b19db1]:hover{background:#1746a2}.btn-zoom[data-v-68b19db1]:active{transform:scale(.98) translateZ(0)}.btn-zoom.btn-disabled[data-v-68b19db1],.btn-zoom.btn-disabled[data-v-68b19db1]:hover{cursor:not-allowed}.zoom-logo[data-v-68b19db1]{display:flex;align-items:center;margin-right:8px}.worship-note[data-v-68b19db1]{color:#64748b;font-size:13px;display:flex;align-items:center;gap:6px;margin-top:2px}@media (min-width: 1400px){.employee-dashboard[data-v-68b19db1]{max-width:100%;margin:0 auto;padding:0 32px}.dashboard-grid[data-v-68b19db1]{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.calendar-section[data-v-68b19db1]{min-height:800px}.worship-card[data-v-68b19db1]{padding:32px}.btn-zoom[data-v-68b19db1]{padding:10px 20px;font-size:15px}}@media (min-width: 1200px) and (max-width: 1399px){.employee-dashboard[data-v-68b19db1]{max-width:100%;margin:0 auto;padding:0 24px}.dashboard-grid[data-v-68b19db1]{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:28px}.calendar-section[data-v-68b19db1]{min-height:700px}.worship-card[data-v-68b19db1]{padding:28px}.btn-zoom[data-v-68b19db1]{padding:9px 18px;font-size:14px}}@media (min-width: 992px) and (max-width: 1199px){.employee-dashboard[data-v-68b19db1]{padding:0 20px}.dashboard-grid[data-v-68b19db1]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.calendar-section[data-v-68b19db1]{min-height:600px}.worship-card[data-v-68b19db1]{padding:24px}.btn-zoom[data-v-68b19db1]{padding:14px 28px;font-size:16px}}@media (min-width: 768px) and (max-width: 991px){.employee-dashboard[data-v-68b19db1]{padding:0 16px;max-width:100%}.dashboard-header[data-v-68b19db1]{flex-direction:column;gap:16px;text-align:center}.welcome-section h1[data-v-68b19db1]{font-size:28px}.current-time[data-v-68b19db1]{font-size:16px}.dashboard-grid[data-v-68b19db1]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.btn-zoom[data-v-68b19db1]{width:100%;max-width:300px;padding:12px 20px;font-size:14px}.calendar-section[data-v-68b19db1]{min-height:550px}.worship-time[data-v-68b19db1]{font-size:14px}.worship-main-row[data-v-68b19db1]{flex-direction:column;gap:16px}.worship-status-col[data-v-68b19db1]{align-items:center;text-align:center}.status-row[data-v-68b19db1]{flex-direction:column;gap:8px;align-items:center}.worship-action-col[data-v-68b19db1]{align-items:center}.btn-zoom[data-v-68b19db1]{width:100%;padding:16px 20px;font-size:16px}.zoom-logo-besar svg[data-v-68b19db1]{width:40px;height:40px}.calendar-section[data-v-68b19db1]{min-height:500px}.profile-card[data-v-68b19db1]{padding:20px}.profile-avatar[data-v-68b19db1]{width:80px;height:80px}.profile-info h3[data-v-68b19db1]{font-size:20px}.position[data-v-68b19db1]{font-size:14px}.nip[data-v-68b19db1]{font-size:12px}}@media (max-width: 575px){.employee-dashboard[data-v-68b19db1]{padding:0 8px;max-width:100%}.dashboard-header[data-v-68b19db1]{flex-direction:column;gap:10px;text-align:center;padding:16px 12px}.welcome-section h1[data-v-68b19db1]{font-size:20px;line-height:1.2}.current-time[data-v-68b19db1]{font-size:12px}.time-display[data-v-68b19db1]{font-size:16px}.date-display[data-v-68b19db1]{font-size:11px}.dashboard-grid[data-v-68b19db1]{grid-template-columns:1fr;gap:12px}.worship-card[data-v-68b19db1]{padding:16px;border-radius:8px}.worship-header[data-v-68b19db1]{flex-direction:column;gap:6px;text-align:center}.worship-title[data-v-68b19db1]{font-size:16px}.worship-time[data-v-68b19db1]{font-size:12px}.worship-main-row[data-v-68b19db1]{flex-direction:column;gap:12px}.worship-status-col[data-v-68b19db1]{align-items:center;text-align:center}.status-row[data-v-68b19db1]{flex-direction:column;gap:6px;align-items:center}.status-icon[data-v-68b19db1]{width:32px;height:32px;font-size:10px}.status-text[data-v-68b19db1]{font-size:12px}.worship-action-col[data-v-68b19db1]{align-items:center}.btn-zoom[data-v-68b19db1]{width:100%;padding:14px 16px;font-size:14px;border-radius:6px}.zoom-logo-besar svg[data-v-68b19db1]{width:36px;height:36px}.worship-note[data-v-68b19db1]{font-size:11px;text-align:center}.calendar-section[data-v-68b19db1]{min-height:450px}.profile-card[data-v-68b19db1]{padding:16px}.profile-avatar[data-v-68b19db1]{width:60px;height:60px}.profile-info h3[data-v-68b19db1]{font-size:18px}.position[data-v-68b19db1]{font-size:12px}.nip[data-v-68b19db1]{font-size:11px}.profile-details[data-v-68b19db1]{gap:8px}.detail-item[data-v-68b19db1]{font-size:12px}.detail-item strong[data-v-68b19db1]{font-size:11px}}.dashboard-grid[data-v-68b19db1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:24px}.dashboard-row[data-v-68b19db1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:24px}.dashboard-row.single-card[data-v-68b19db1]{display:grid;grid-template-columns:1fr}.dashboard-row:first-of-type .profile-card .profile-avatar img[data-v-68b19db1]{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #e2e8f0;transition:border-color .3s ease}.dashboard-row:first-of-type .profile-card:hover .profile-avatar img[data-v-68b19db1]{border-color:#667eea}.dashboard-row:first-of-type .profile-info h4[data-v-68b19db1]{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:8px;text-align:center}.dashboard-row:first-of-type .profile-info .position[data-v-68b19db1]{font-size:16px;color:#667eea;font-weight:500;text-align:center;margin-bottom:6px}.dashboard-row:first-of-type .profile-info .nip[data-v-68b19db1]{font-size:14px;color:#718096;text-align:center;margin-bottom:16px}.dashboard-row:first-of-type .absensi-card .card-content[data-v-68b19db1]{display:flex;flex-direction:column;align-items:center;text-align:center}.dashboard-row:first-of-type .absensi-chart[data-v-68b19db1]{margin-bottom:20px}.dashboard-row:first-of-type .absensi-stats[data-v-68b19db1]{display:grid;gap:12px;width:100%}.dashboard-row:first-of-type .stat-item[data-v-68b19db1]{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:#f7fafc;border-radius:8px;font-size:14px;font-weight:500}.dashboard-row:first-of-type .gaji-item[data-v-68b19db1]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0;font-size:15px}.dashboard-row:first-of-type .gaji-item[data-v-68b19db1]:last-child{border-bottom:none;font-weight:600;color:#2d3748;padding-top:16px;border-top:2px solid #e2e8f0}.dashboard-row:first-of-type .gaji-item .label[data-v-68b19db1]{color:#4a5568}.dashboard-row:first-of-type .gaji-item .value[data-v-68b19db1]{color:#2d3748;font-weight:600}.calendar-section[data-v-68b19db1]{grid-column:1 / -1;width:100%;min-height:600px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;border:1px solid rgba(0,0,0,.04);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.calendar-section[data-v-68b19db1]:hover{box-shadow:0 16px 48px #0000001f}.empty-state[data-v-68b19db1]{text-align:center;padding:60px 40px;color:#718096}.empty-state.supervisor-empty[data-v-68b19db1]{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:16px;padding:80px 40px;position:relative;overflow:hidden}.empty-state.supervisor-empty[data-v-68b19db1]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.05) 0%,transparent 70%);animation:pulse-68b19db1 4s ease-in-out infinite}@keyframes pulse-68b19db1{0%,to{opacity:.5}50%{opacity:1}}.empty-illustration[data-v-68b19db1]{position:relative;display:inline-block;margin-bottom:32px}.empty-icon[data-v-68b19db1]{font-size:64px;display:block;margin-bottom:16px;position:relative;z-index:1}.supervisor-empty .empty-icon[data-v-68b19db1]{font-size:72px;filter:drop-shadow(0 4px 8px rgba(102,126,234,.2))}.empty-accent[data-v-68b19db1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:.1;z-index:0}.empty-content[data-v-68b19db1]{position:relative;z-index:1}.empty-title[data-v-68b19db1]{font-size:24px;font-weight:600;color:#2d3748;margin-bottom:16px;line-height:1.4}.supervisor-empty .empty-title[data-v-68b19db1]{font-size:28px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-description[data-v-68b19db1]{font-size:16px;line-height:1.6;color:#4a5568;max-width:500px;margin:0 auto 32px}.empty-action[data-v-68b19db1]{margin-top:24px}.btn-contact-hr[data-v-68b19db1]{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-contact-hr[data-v-68b19db1]:hover{background:#2563eb}.btn-contact-hr i[data-v-68b19db1]{margin-right:8px}@media (min-width: 1200px){.employee-dashboard[data-v-68b19db1]{padding:0 24px}}.dashboard-card[data-v-68b19db1]{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:box-shadow .3s ease,transform .2s ease}.dashboard-card[data-v-68b19db1]:not(.profile-card):hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px) translateZ(0)}.dashboard-card.profile-card[data-v-68b19db1],.dashboard-card[class*=pegawai][data-v-68b19db1],.dashboard-card[class*=data][data-v-68b19db1],.dashboard-card[class*=info][data-v-68b19db1],.dashboard-card[class*=rekap][data-v-68b19db1],.dashboard-card[class*=gaji][data-v-68b19db1],.dashboard-card[class*=cuti][data-v-68b19db1],.dashboard-card[class*=kinerja][data-v-68b19db1]{transition:none!important;will-change:auto!important}.dashboard-card.profile-card[data-v-68b19db1]:hover,.dashboard-card[class*=pegawai][data-v-68b19db1]:hover,.dashboard-card[class*=data][data-v-68b19db1]:hover,.dashboard-card[class*=info][data-v-68b19db1]:hover,.dashboard-card[class*=rekap][data-v-68b19db1]:hover,.dashboard-card[class*=gaji][data-v-68b19db1]:hover,.dashboard-card[class*=cuti][data-v-68b19db1]:hover,.dashboard-card[class*=kinerja][data-v-68b19db1]:hover{box-shadow:0 1px 3px #0000001a!important;transform:none!important}.card-header[data-v-68b19db1]{padding:20px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header .header-left[data-v-68b19db1]{display:flex;align-items:center;gap:12px}.card-header i[data-v-68b19db1]{font-size:20px;color:#3b82f6}.card-header h3[data-v-68b19db1]{font-size:18px;font-weight:600;color:#1e293b;margin:0}.card-content[data-v-68b19db1]{padding:20px}.profile-card[data-v-68b19db1]{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:box-shadow .3s ease,transform .2s ease;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;will-change:box-shadow,transform}.profile-avatar[data-v-68b19db1]{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto 16px;border:4px solid #e2e8f0}.profile-avatar img[data-v-68b19db1]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-68b19db1]{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.profile-info h4[data-v-68b19db1]{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 4px}.position[data-v-68b19db1]{font-size:14px;color:#64748b;margin-bottom:8px}.nip[data-v-68b19db1]{font-size:12px;color:#94a3b8;font-family:Courier New,monospace}.profile-details[data-v-68b19db1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detail-item[data-v-68b19db1]{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.detail-item i[data-v-68b19db1]{width:16px;color:#3b82f6}.absensi-chart[data-v-68b19db1]{display:flex;justify-content:center;margin-bottom:16px}.absensi-summary[data-v-68b19db1]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.absensi-table-container[data-v-68b19db1]{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.absensi-table[data-v-68b19db1]{width:100%;border-collapse:collapse;font-size:14px}.absensi-table th[data-v-68b19db1]{background:#f8fafc;padding:12px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.absensi-table td[data-v-68b19db1]{padding:10px 8px;border-bottom:1px solid #f1f5f9;color:#4b5563}.absensi-table tr[data-v-68b19db1]:hover{background:#f8fafc}.attendance-row[data-v-68b19db1]:nth-child(2n){background:#fafafa}.status-badge[data-v-68b19db1]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.present[data-v-68b19db1]{background:#dbeafe;color:#1e40af}.status-badge.absent[data-v-68b19db1]{background:#fee2e2;color:#991b1b}.status-badge.late[data-v-68b19db1],.status-badge.present_late[data-v-68b19db1],.status-badge.present_ontime[data-v-68b19db1],.status-badge.permission[data-v-68b19db1]{background:#dbeafe;color:#1e40af}.status-badge.sick[data-v-68b19db1],.status-badge.sakit[data-v-68b19db1]{background:#dcfce7;color:#166534}.status-badge.cuti[data-v-68b19db1]{background:#fee2e2;color:#991b1b}.status-badge.holiday[data-v-68b19db1]{background:#f3e8ff;color:#7c3aed}.no-data[data-v-68b19db1]{text-align:center;color:#9ca3af;font-style:italic;padding:20px}.absensi-stats[data-v-68b19db1]{display:flex;flex-direction:column;gap:8px}.stat-item[data-v-68b19db1]{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.stat-color[data-v-68b19db1]{width:12px;height:12px;border-radius:50%}.stat-color.hadir[data-v-68b19db1]{background:#3b82f6}.stat-color.izin[data-v-68b19db1]{background:#f59e0b}.stat-color.cuti[data-v-68b19db1]{background:#ef4444}.stat-color.sakit[data-v-68b19db1]{background:#10b981}.gaji-item[data-v-68b19db1]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #F3F4F6}.gaji-item[data-v-68b19db1]:last-child{border-bottom:none}.gaji-item.total[data-v-68b19db1]{font-weight:600;color:#374151;border-top:2px solid #E5E7EB;margin-top:8px;padding-top:12px}.gaji-item .label[data-v-68b19db1]{color:#6b7280;font-size:14px}.gaji-item .value[data-v-68b19db1]{color:#374151;font-size:14px;font-weight:500}.gaji-toggle-btn[data-v-68b19db1]{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;margin-left:auto;flex-shrink:0}.gaji-toggle-btn[data-v-68b19db1]:hover{background:#f3f4f6;color:#374151}.gaji-toggle-btn.active[data-v-68b19db1]{color:#3b82f6;background:#eff6ff}.gaji-toggle-btn i[data-v-68b19db1]{font-size:16px}.gaji-masked .gaji-item .value.masked[data-v-68b19db1]{color:#9ca3af;font-family:monospace;letter-spacing:2px;font-weight:600}.gaji-reveal-hint[data-v-68b19db1]{text-align:center;padding:12px;margin-top:8px;background:#f9fafb;border-radius:6px;color:#6b7280;font-size:12px;border:1px dashed #D1D5DB}.gaji-reveal-hint i[data-v-68b19db1]{margin-right:6px;color:#3b82f6}.gaji-revealed .gaji-item .value[data-v-68b19db1]{color:#374151;font-weight:500;transition:color .3s ease}.cuti-list[data-v-68b19db1]{display:flex;flex-direction:column;gap:16px}.cuti-item[data-v-68b19db1]{padding:12px;background:#f9fafb;border-radius:8px}.cuti-info[data-v-68b19db1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cuti-label[data-v-68b19db1]{font-size:14px;font-weight:500;color:#374151}.cuti-count[data-v-68b19db1]{font-size:14px;color:#6b7280}.cuti-progress[data-v-68b19db1]{margin-bottom:8px}.progress-bar[data-v-68b19db1]{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill[data-v-68b19db1]{height:100%;background:#3b82f6;border-radius:3px;transition:width .3s ease}.cuti-remaining[data-v-68b19db1]{font-size:12px;color:#9ca3af}.data-section[data-v-68b19db1]{margin-bottom:20px}.data-section[data-v-68b19db1]:last-child{margin-bottom:0}.section-title[data-v-68b19db1]{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #E5E7EB}.view-toggle[data-v-68b19db1]{display:flex;gap:4px;margin-left:auto}.toggle-btn[data-v-68b19db1]{padding:6px 8px;border:1px solid #E5E7EB;background:#f9fafb;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#6b7280}.toggle-btn[data-v-68b19db1]:hover{background:#f3f4f6;border-color:#d1d5db}.toggle-btn.active[data-v-68b19db1]{background:#3b82f6;border-color:#3b82f6;color:#fff}.toggle-btn.active i[data-v-68b19db1]{color:#fff}.absensi-chart-container[data-v-68b19db1]{padding:16px;height:350px;position:relative}.year-filter-container[data-v-68b19db1]{display:flex;align-items:center;gap:12px;padding:16px 16px 0;margin-bottom:16px}.year-filter-label[data-v-68b19db1]{font-weight:500;color:#374151;font-size:14px}.year-filter-select[data-v-68b19db1]{padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:border-color .2s ease}.year-filter-select[data-v-68b19db1]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.year-filter-select[data-v-68b19db1]:hover{border-color:#9ca3af}.absensi-list-container[data-v-68b19db1]{padding:16px}.history-list[data-v-68b19db1],.training-list[data-v-68b19db1],.benefits-list[data-v-68b19db1]{display:flex;flex-direction:column;gap:12px}.history-item[data-v-68b19db1],.training-item[data-v-68b19db1],.benefit-item[data-v-68b19db1]{padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB}.history-company[data-v-68b19db1],.training-name[data-v-68b19db1],.benefit-type[data-v-68b19db1]{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px}.history-position[data-v-68b19db1],.training-provider[data-v-68b19db1]{font-size:13px;color:#6b7280;margin-bottom:4px}.history-period[data-v-68b19db1],.training-date[data-v-68b19db1]{font-size:12px;color:#9ca3af}.benefit-item[data-v-68b19db1]{display:flex;justify-content:space-between;align-items:center}.benefit-amount[data-v-68b19db1]{font-size:14px;font-weight:600;color:#10b981}.calendar-nav[data-v-68b19db1]{display:flex;align-items:center;justify-content:space-between;width:100%}.calendar-nav h3[data-v-68b19db1]{margin:0;font-size:16px;font-weight:600;color:#374151}.nav-btn[data-v-68b19db1]{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.nav-btn[data-v-68b19db1]:hover{background:#e5e7eb;color:#374151}.empty-state[data-v-68b19db1]{text-align:center;padding:40px 20px;color:#6b7280}.empty-icon[data-v-68b19db1]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text[data-v-68b19db1]{font-size:16px;font-weight:500;margin-bottom:8px;color:#374151}.empty-subtext[data-v-68b19db1]{font-size:14px;opacity:.8}.loading-skeleton[data-v-68b19db1]{display:flex;flex-direction:column;gap:12px}.skeleton-circle[data-v-68b19db1]{width:80px;height:80px;border-radius:50%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer-68b19db1 1.5s infinite;margin:0 auto}.skeleton-lines[data-v-68b19db1]{display:flex;flex-direction:column;gap:8px}.skeleton-line[data-v-68b19db1]{height:12px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer-68b19db1 1.5s infinite;border-radius:6px}@keyframes shimmer-68b19db1{0%{background-position:-200% 0}to{background-position:200% 0}}.calendar-section[data-v-68b19db1]{margin-top:24px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;border:1px solid #e1e3e6;font-family:Google Sans,Roboto,Arial,sans-serif;min-height:600px;width:100%;position:relative}.holiday-detail-overlay[data-v-68b19db1],.holiday-modal-overlay[data-v-68b19db1]{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:10}.holiday-detail-popup[data-v-68b19db1]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:350px;width:80%;max-height:70vh;overflow-y:auto;font-family:Google Sans,Roboto,Arial,sans-serif;position:relative;z-index:11}.holiday-modal[data-v-68b19db1]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:450px;width:85%;max-height:75vh;overflow-y:auto;position:relative;z-index:11}.calendar-header[data-v-68b19db1]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e1e3e6;background:#fafafa}.header-left[data-v-68b19db1]{display:flex;align-items:center;gap:8px}.header-right[data-v-68b19db1]{display:flex;align-items:center;gap:16px}.nav-btn[data-v-68b19db1]{background:transparent;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#5f6368;font-weight:500;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.nav-btn[data-v-68b19db1]:hover{background:#f1f3f4;color:#202124}.nav-btn[data-v-68b19db1]:disabled{background:transparent;color:#dadce0;cursor:not-allowed}.calendar-title[data-v-68b19db1]{font-size:22px;font-weight:400;color:#3c4043;margin:0 0 0 8px}.today-btn[data-v-68b19db1]{background:#1a73e8;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.today-btn[data-v-68b19db1]:hover{background:#1557b0;box-shadow:0 1px 2px #0000004d}.view-selector[data-v-68b19db1]{display:flex;align-items:center;gap:8px}.view-label[data-v-68b19db1]{font-size:14px;color:#5f6368;font-weight:500}.header-actions[data-v-68b19db1]{display:flex;align-items:center;gap:8px}.action-btn[data-v-68b19db1]{background:transparent;border:none;border-radius:4px;padding:8px;cursor:pointer;transition:all .2s ease;color:#5f6368;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.loading-state[data-v-68b19db1]{text-align:center;padding:3rem;color:#6b7280;font-size:1.1rem;font-weight:500;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.calendar-grid[data-v-68b19db1]{margin-bottom:0}.calendar-weekdays[data-v-68b19db1]{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:0}.weekday[data-v-68b19db1]{background:#fafafa;padding:12px 8px;text-align:center;font-weight:500;color:#70757a;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e1e3e6;border-right:1px solid #e1e3e6}.calendar-days[data-v-68b19db1]{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.calendar-day[data-v-68b19db1]{background:#fff;padding:8px;text-align:left;cursor:pointer;min-height:100px;border-bottom:1px solid #e1e3e6;border-right:1px solid #e1e3e6;transition:all .2s ease}.calendar-day[data-v-68b19db1]:hover{background:inherit!important;z-index:auto!important;cursor:pointer}.day-content[data-v-68b19db1]{display:flex;flex-direction:column;height:100%;gap:4px}.day-number[data-v-68b19db1]{font-size:12px;font-weight:400;color:#3c4043;margin-bottom:4px}.event-indicator[data-v-68b19db1]{display:flex;flex-direction:column;gap:2px;margin-top:2px}.event-bar[data-v-68b19db1]{height:3px;border-radius:2px;margin-bottom:2px}.holiday-bar[data-v-68b19db1]{background:#34a853}.event-title[data-v-68b19db1]{font-size:10px;font-weight:500;color:#3c4043;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-day.holiday[data-v-68b19db1]{background:#f8f9fa}.calendar-day.holiday .day-number[data-v-68b19db1]{color:#3c4043}.calendar-day.weekend[data-v-68b19db1]{background:#e0e0e0!important;position:relative}.calendar-day.weekend .day-number[data-v-68b19db1]{color:#3c4043}.calendar-day.cuti-bersama[data-v-68b19db1]{background:#f8f9fa}.calendar-day.cuti-bersama .day-number[data-v-68b19db1]{color:#3c4043}.calendar-day.today[data-v-68b19db1]{background:#e8f0fe}.calendar-day.today .day-number[data-v-68b19db1]{color:#1a73e8;font-weight:500}.calendar-day.other-month[data-v-68b19db1]{opacity:.4;background:#f8f9fa}.calendar-day.other-month .day-number[data-v-68b19db1]{color:#9aa0a6}.event-tooltip[data-v-68b19db1]{position:fixed;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 10px #0003;padding:12px;z-index:1000;max-width:300px;font-family:Google Sans,Roboto,Arial,sans-serif}.tooltip-header[data-v-68b19db1]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tooltip-color-indicator[data-v-68b19db1]{width:12px;height:12px;border-radius:2px;flex-shrink:0}.tooltip-color-indicator.holiday[data-v-68b19db1],.tooltip-color-indicator.cuti_bersama[data-v-68b19db1]{background:#34a853}.tooltip-title[data-v-68b19db1]{font-size:14px;font-weight:500;color:#202124;flex:1}.tooltip-close[data-v-68b19db1]{background:none;border:none;color:#5f6368;cursor:pointer;padding:4px;border-radius:4px;font-size:12px}.tooltip-close[data-v-68b19db1]:hover{background:#f1f3f4}.tooltip-date[data-v-68b19db1]{font-size:12px;color:#5f6368;margin-bottom:8px}.tooltip-categories[data-v-68b19db1]{display:flex;flex-direction:column;gap:4px}.tooltip-category[data-v-68b19db1]{display:flex;align-items:center;gap:8px;font-size:12px;color:#5f6368}.tooltip-category i[data-v-68b19db1]{width:16px;text-align:center;color:#5f6368}@media (max-width: 768px){.calendar-section[data-v-68b19db1]{margin-top:16px;border-radius:0;border:none}.calendar-header[data-v-68b19db1]{padding:8px 12px;flex-direction:column;gap:8px}.header-left[data-v-68b19db1]{justify-content:center}.header-right[data-v-68b19db1]{justify-content:center;gap:12px}.calendar-title[data-v-68b19db1]{font-size:18px}.today-btn[data-v-68b19db1]{padding:6px 12px;font-size:12px}.calendar-day[data-v-68b19db1]{min-height:80px;padding:6px}.day-number[data-v-68b19db1]{font-size:11px}.weekday[data-v-68b19db1]{padding:8px 4px;font-size:10px}.event-title[data-v-68b19db1]{font-size:9px}}.holiday-detail-header[data-v-68b19db1]{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #e1e3e6;position:relative}.holiday-detail-color[data-v-68b19db1]{width:16px;height:16px;border-radius:4px;flex-shrink:0}.holiday-detail-color.holiday[data-v-68b19db1],.holiday-detail-color.cuti_bersama[data-v-68b19db1]{background:#34a853}.holiday-detail-title[data-v-68b19db1]{font-size:18px;font-weight:500;color:#202124;flex:1}.holiday-detail-actions[data-v-68b19db1]{display:flex;align-items:center;gap:8px}.action-btn[data-v-68b19db1]{background:none;border:none;border-radius:4px;padding:8px;cursor:pointer;transition:all .2s ease;color:#5f6368;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.action-btn[data-v-68b19db1]:hover{background:#f1f3f4;color:#202124}.action-btn.edit-btn[data-v-68b19db1]:hover{background:#e8f0fe;color:#1a73e8}.action-btn.delete-btn[data-v-68b19db1]:hover{background:#fce8e6;color:#d93025}.holiday-detail-content[data-v-68b19db1]{padding:20px}.holiday-detail-info[data-v-68b19db1]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.info-item[data-v-68b19db1]{display:flex;align-items:center;gap:12px;font-size:14px;color:#5f6368}.info-item i[data-v-68b19db1]{width:16px;text-align:center;color:#5f6368}.holiday-detail-description[data-v-68b19db1]{margin-bottom:20px}.holiday-detail-description h4[data-v-68b19db1]{font-size:14px;font-weight:500;color:#202124;margin:0 0 8px}.holiday-detail-description p[data-v-68b19db1]{font-size:14px;color:#5f6368;line-height:1.5;margin:0}.holiday-detail-categories[data-v-68b19db1]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.category-item[data-v-68b19db1]{display:flex;align-items:center;gap:12px;font-size:14px;color:#5f6368}.category-item i[data-v-68b19db1]{width:16px;text-align:center;color:#5f6368}.holiday-detail-add[data-v-68b19db1]{text-align:center}.add-holiday-btn[data-v-68b19db1]{background:#1a73e8;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.add-holiday-btn[data-v-68b19db1]:hover{background:#1557b0;box-shadow:0 2px 8px #1a73e84d}.holiday-modal-header[data-v-68b19db1]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e3e6}.holiday-modal-header h3[data-v-68b19db1]{margin:0;font-size:18px;font-weight:500;color:#202124}.modal-close-btn[data-v-68b19db1]{background:none;border:none;border-radius:4px;padding:8px;cursor:pointer;transition:all .2s ease;color:#5f6368;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close-btn[data-v-68b19db1]:hover{background:#f1f3f4;color:#202124}.holiday-modal-body[data-v-68b19db1]{padding:20px}.form-group[data-v-68b19db1]{margin-bottom:20px}.form-group label[data-v-68b19db1]{display:block;margin-bottom:8px;font-weight:500;color:#202124;font-size:14px}.form-input[data-v-68b19db1],.form-textarea[data-v-68b19db1]{width:100%;padding:12px;border:1px solid #dadce0;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-input[data-v-68b19db1]:focus,.form-textarea[data-v-68b19db1]:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.form-textarea[data-v-68b19db1]{resize:vertical;min-height:80px}.error-message[data-v-68b19db1]{color:#d93025;font-size:12px;margin-top:4px}.holiday-modal-footer[data-v-68b19db1]{display:flex;gap:12px;justify-content:flex-end;padding:20px;border-top:1px solid #e1e3e6}.btn[data-v-68b19db1]{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary[data-v-68b19db1]{background:#1a73e8;color:#fff}.btn-primary[data-v-68b19db1]:hover{background:#1557b0;box-shadow:0 2px 8px #1a73e84d}.btn-secondary[data-v-68b19db1]{background:#f1f3f4;color:#5f6368}.btn-secondary[data-v-68b19db1]:hover{background:#e8eaed}@media (max-width: 1024px){.dashboard-row[data-v-68b19db1]{grid-template-columns:repeat(2,1fr)}.calendar-large[data-v-68b19db1]{grid-column:span 2}}@media (max-width: 768px){.employee-dashboard[data-v-68b19db1]{padding:16px}.dashboard-row[data-v-68b19db1]{grid-template-columns:1fr}.header-content[data-v-68b19db1]{flex-direction:column;gap:16px;text-align:center}.current-time[data-v-68b19db1]{text-align:center}.time-display[data-v-68b19db1]{font-size:14px}.date-display[data-v-68b19db1]{font-size:12px}.worship-content[data-v-68b19db1]{flex-direction:column;gap:16px;text-align:center}.worship-actions[data-v-68b19db1]{justify-content:center}.card-content[data-v-68b19db1]{padding:16px}.profile-avatar[data-v-68b19db1]{width:50px;height:50px}.absensi-chart canvas[data-v-68b19db1]{width:60px!important;height:60px!important}}.calendar-day.weekend[data-v-68b19db1],.calendar-day.weekend.holiday[data-v-68b19db1]{background:#e0e0e0!important;position:relative}.libur-label[data-v-68b19db1]{position:absolute;top:2px;right:2px;font-size:9px;color:#dc3545;background:#fff;border:1px solid #f3bfc2;border-radius:3px;padding:0 4px;font-weight:600;z-index:2;opacity:.85}.status-text.sudah-hadir.status-hijau[data-v-68b19db1]{color:#10b981;font-weight:700}.zoom-logo-besar[data-v-68b19db1]{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-right:12px}@media (max-width: 600px){.zoom-logo-besar[data-v-68b19db1]{width:32px;height:32px;margin-right:6px}}.holiday-detail-overlay[data-v-68b19db1]{background:transparent!important;pointer-events:none}.holiday-detail-popup[data-v-68b19db1]{pointer-events:auto}.event-tooltip[data-v-68b19db1]{display:none!important}.calendar-note[data-v-68b19db1]{display:flex;align-items:flex-start;gap:12px;margin-top:15px;padding:12px 16px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-radius:8px;border-left:4px solid #2196f3}.note-icon[data-v-68b19db1]{color:#2196f3;font-size:18px;margin-top:2px}.note-content p[data-v-68b19db1]{margin:0;color:#1976d2;font-size:14px;line-height:1.4}.note-content strong[data-v-68b19db1]{color:#1565c0}@media (max-width: 768px){.calendar-day[data-v-68b19db1]{min-height:60px;padding:4px}.day-number[data-v-68b19db1]{font-size:11px;margin-bottom:2px}.event-title[data-v-68b19db1]{display:none}.event-bar[data-v-68b19db1]{height:4px;border-radius:2px;margin-bottom:0}.calendar-day.holiday .event-indicator[data-v-68b19db1]:after{content:"●";color:#34a853;font-size:12px;display:block;text-align:center;margin-top:2px}.calendar-day.weekend .event-indicator[data-v-68b19db1]:after{content:"●";color:#9aa0a6;font-size:12px;display:block;text-align:center;margin-top:2px}.calendar-day.cuti-bersama .event-indicator[data-v-68b19db1]:after{content:"●";color:#f4b400;font-size:12px;display:block;text-align:center;margin-top:2px}.calendar-note[data-v-68b19db1]{margin-top:12px;padding:10px 12px}.note-content p[data-v-68b19db1]{font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.calendar-day[data-v-68b19db1]{min-height:80px;padding:6px}.event-title[data-v-68b19db1]{font-size:9px;line-height:1.1}}.dashboard-container[data-v-09da7e84]{min-height:100vh;background:var(--bg-primary);padding:var(--spacing-xl)}.welcome-banner[data-v-09da7e84]{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.welcome-banner[data-v-09da7e84]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;pointer-events:none}.welcome-content[data-v-09da7e84]{position:relative;z-index:1;text-align:center}.welcome-content h1[data-v-09da7e84]{font-size:var(--font-size-3xl);font-weight:700;color:#fff;margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px rgba(0,0,0,.1)}.welcome-content p[data-v-09da7e84]{font-size:var(--font-size-lg);color:#ffffffe6;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.calendar-section[data-v-09da7e84]{margin-bottom:var(--spacing-xl);background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;border:1px solid #e1e3e6;font-family:Google Sans,Roboto,Arial,sans-serif}.calendar-header[data-v-09da7e84]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e1e3e6;background:#fafafa}.header-left[data-v-09da7e84]{display:flex;align-items:center;gap:8px}.header-right[data-v-09da7e84]{display:flex;align-items:center;gap:16px}.nav-btn[data-v-09da7e84]{background:transparent;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;color:#5f6368;transition:background-color .2s}.nav-btn[data-v-09da7e84]:hover:not(:disabled){background-color:#f1f3f4}.nav-btn[data-v-09da7e84]:disabled{opacity:.5;cursor:not-allowed}.calendar-title[data-v-09da7e84]{font-size:18px;font-weight:500;color:#202124;margin:0;min-width:120px}.today-btn[data-v-09da7e84]{background:#1a73e8;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.today-btn[data-v-09da7e84]:hover{background:#1557b0}.view-selector[data-v-09da7e84]{display:flex;align-items:center;gap:8px}.view-label[data-v-09da7e84]{font-size:14px;color:#5f6368;font-weight:500}.header-actions[data-v-09da7e84]{display:flex;align-items:center;gap:8px}.action-btn[data-v-09da7e84]{background:transparent;border:none;border-radius:4px;padding:8px;cursor:pointer;color:#5f6368;transition:background-color .2s}.action-btn[data-v-09da7e84]:hover{background-color:#f1f3f4}.search-bar[data-v-09da7e84]{padding:16px;border-bottom:1px solid #e1e3e6;background:#f8f9fa}.search-input-wrapper[data-v-09da7e84]{position:relative;display:flex;align-items:center}.search-icon[data-v-09da7e84]{position:absolute;left:12px;color:#5f6368;font-size:16px}.search-input[data-v-09da7e84]{width:100%;padding:12px 40px;border:1px solid #dadce0;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.search-input[data-v-09da7e84]:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.clear-search-btn[data-v-09da7e84]{position:absolute;right:8px;background:transparent;border:none;padding:4px;cursor:pointer;color:#5f6368;border-radius:50%}.clear-search-btn[data-v-09da7e84]:hover{background-color:#f1f3f4}.search-results[data-v-09da7e84]{margin-top:12px;max-height:300px;overflow-y:auto;border:1px solid #dadce0;border-radius:8px;background:#fff}.search-results-header[data-v-09da7e84]{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #dadce0;font-size:14px;font-weight:500;color:#5f6368}.search-results-list[data-v-09da7e84]{max-height:250px;overflow-y:auto}.search-result-item[data-v-09da7e84]{padding:12px 16px;border-bottom:1px solid #f1f3f4;cursor:pointer;transition:background-color .2s}.search-result-item[data-v-09da7e84]:hover{background-color:#f8f9fa}.search-result-item[data-v-09da7e84]:last-child{border-bottom:none}.result-date[data-v-09da7e84]{font-size:12px;color:#5f6368;margin-bottom:4px}.result-name[data-v-09da7e84]{font-size:14px;font-weight:500;color:#202124;margin-bottom:2px}.result-type[data-v-09da7e84]{font-size:12px;color:#1a73e8;text-transform:capitalize}.search-no-results[data-v-09da7e84]{margin-top:12px;padding:24px;text-align:center;color:#5f6368;display:flex;flex-direction:column;align-items:center;gap:8px}.search-no-results i[data-v-09da7e84]{font-size:24px;opacity:.5}.settings-panel[data-v-09da7e84]{padding:16px;border-bottom:1px solid #e1e3e6;background:#f8f9fa}.settings-header[data-v-09da7e84]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.settings-header h3[data-v-09da7e84]{margin:0;font-size:16px;font-weight:500;color:#202124}.close-settings-btn[data-v-09da7e84]{background:transparent;border:none;padding:4px;cursor:pointer;color:#5f6368;border-radius:50%}.close-settings-btn[data-v-09da7e84]:hover{background-color:#f1f3f4}.settings-content[data-v-09da7e84]{display:flex;flex-direction:column;gap:12px}.setting-item[data-v-09da7e84]{display:flex;align-items:center}.setting-label[data-v-09da7e84]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#202124}.setting-label input[type=checkbox][data-v-09da7e84]{width:16px;height:16px;accent-color:#1a73e8}.setting-text[data-v-09da7e84]{flex:1}.theme-selector[data-v-09da7e84]{margin-left:8px;padding:6px 8px;border:1px solid #dadce0;border-radius:4px;font-size:14px;outline:none}.theme-selector[data-v-09da7e84]:focus{border-color:#1a73e8}.highlight-holiday[data-v-09da7e84]{animation:highlightPulse-09da7e84 3s ease-in-out}@keyframes highlightPulse-09da7e84{0%,to{box-shadow:0 0 #1a73e8b3}50%{box-shadow:0 0 0 8px #1a73e84d}}.section-header[data-v-09da7e84]{margin-bottom:var(--spacing-lg);text-align:center}.section-header h2[data-v-09da7e84]{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.section-header p[data-v-09da7e84]{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.worship-card-wrapper[data-v-09da7e84]{margin-bottom:var(--spacing-xl)}.worship-card[data-v-09da7e84]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;overflow:hidden}.worship-card[data-v-09da7e84]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));transition:background .3s ease}.worship-card.active[data-v-09da7e84]:before{background:linear-gradient(90deg,var(--success-color),#10b981)}.worship-card.ended[data-v-09da7e84]:before{background:linear-gradient(90deg,var(--error-color),#ef4444)}.worship-card[data-v-09da7e84]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.worship-content[data-v-09da7e84]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.worship-header[data-v-09da7e84]{display:flex;align-items:center;gap:var(--spacing-lg)}.worship-icon[data-v-09da7e84]{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);box-shadow:0 4px 12px #667eea4d}.worship-info h3[data-v-09da7e84]{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.worship-info p[data-v-09da7e84]{color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm)}.worship-status[data-v-09da7e84]{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.worship-status span[data-v-09da7e84]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);background:var(--bg-tertiary)}.status-active[data-v-09da7e84]{color:var(--success-color);background:#10b9811a}.status-active i[data-v-09da7e84]{color:var(--success-color);font-size:8px}.status-ended[data-v-09da7e84]{color:var(--error-color);background:#ef44441a}.status-ended i[data-v-09da7e84]{color:var(--error-color);font-size:8px}.status-waiting[data-v-09da7e84]{color:var(--warning-color);background:#f59e0b1a}.status-waiting i[data-v-09da7e84]{color:var(--warning-color);font-size:8px}.status-attended[data-v-09da7e84]{color:var(--success-color);background:#10b9811a}.status-attended i[data-v-09da7e84]{color:var(--success-color);font-size:8px}.status-not-worship-day[data-v-09da7e84]{color:var(--text-muted);background:#6b72801a}.status-not-worship-day i[data-v-09da7e84]{color:var(--text-muted);font-size:8px}.worship-timer[data-v-09da7e84]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.timer-icon[data-v-09da7e84]{width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base)}.timer-info[data-v-09da7e84]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timer-message[data-v-09da7e84]{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.timer-countdown[data-v-09da7e84]{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color);font-family:Courier New,monospace}.worship-actions[data-v-09da7e84]{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.btn[data-v-09da7e84]{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;min-width:200px;justify-content:center}.btn-worship[data-v-09da7e84]{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-worship[data-v-09da7e84]:hover:not(.btn-disabled){background:var(--primary-dark);box-shadow:var(--shadow-md)}.btn-disabled[data-v-09da7e84]{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;transform:none;box-shadow:none}.btn-not-worship-day[data-v-09da7e84]{background:var(--gray-200);color:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.btn-attended[data-v-09da7e84]{background:var(--success-color)}.btn-attended[data-v-09da7e84]:hover{background:var(--success-dark);box-shadow:var(--shadow-md)}.btn-loading[data-v-09da7e84]{background:var(--gray-300);color:var(--gray-500);cursor:wait;position:relative}.btn-loading[data-v-09da7e84]:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:var(--gray-500);border-radius:50%;animation:spin-09da7e84 1s linear infinite;right:10px;top:50%;transform:translateY(-50%)}@keyframes spin-09da7e84{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.worship-note[data-v-09da7e84]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;max-width:300px}.worship-note i[data-v-09da7e84]{color:var(--primary-color);font-size:var(--font-size-sm)}.worship-status-attended[data-v-09da7e84]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius);margin:var(--spacing-md) 0}.status-attended-icon[data-v-09da7e84]{width:48px;height:48px;background:var(--success-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-lg)}.status-attended-info[data-v-09da7e84]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-attended-message[data-v-09da7e84]{font-weight:600;color:var(--success-color);font-size:var(--font-size-base)}.status-attended-detail[data-v-09da7e84]{color:var(--text-secondary);font-size:var(--font-size-sm)}.status-attended-note[data-v-09da7e84]{color:var(--primary-color);font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-xs)}.notification[data-v-09da7e84]{position:fixed;top:calc(var(--spacing-xl) + 80px);right:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1002;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;animation:slideInFromRight-09da7e84 .3s ease}.notification.success[data-v-09da7e84]{background:var(--success-color);color:#fff}.notification.error[data-v-09da7e84]{background:var(--error-color);color:#fff}.notification.warning[data-v-09da7e84]{background:var(--warning-color);color:#fff}.notification.info[data-v-09da7e84]{background:var(--info-color);color:#fff}@keyframes slideInFromRight-09da7e84{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.dashboard-container[data-v-09da7e84]{padding:var(--spacing-md)}.welcome-banner[data-v-09da7e84]{padding:var(--spacing-lg)}.welcome-content h1[data-v-09da7e84]{font-size:var(--font-size-2xl)}.welcome-content p[data-v-09da7e84]{font-size:var(--font-size-base)}.worship-header[data-v-09da7e84]{flex-direction:column;text-align:center;gap:var(--spacing-md)}.worship-icon[data-v-09da7e84]{width:48px;height:48px;font-size:var(--font-size-lg)}.worship-info h3[data-v-09da7e84]{font-size:var(--font-size-lg)}.worship-timer[data-v-09da7e84]{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.timer-icon[data-v-09da7e84]{width:36px;height:36px;font-size:var(--font-size-sm)}.worship-status-attended[data-v-09da7e84]{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.status-attended-icon[data-v-09da7e84]{width:40px;height:40px;font-size:var(--font-size-base)}.timer-countdown[data-v-09da7e84]{font-size:var(--font-size-base)}.worship-actions[data-v-09da7e84]{width:100%}.btn[data-v-09da7e84]{width:100%;min-width:auto}.worship-note[data-v-09da7e84]{max-width:none;font-size:var(--font-size-xs)}.section-header h2[data-v-09da7e84]{font-size:var(--font-size-xl)}.section-header p[data-v-09da7e84]{font-size:var(--font-size-xs)}.notification[data-v-09da7e84]{top:calc(var(--spacing-md) + 70px);right:var(--spacing-md);left:var(--spacing-md)}}@media (max-width: 480px){.dashboard-container[data-v-09da7e84]{padding:var(--spacing-sm)}.welcome-banner[data-v-09da7e84]{padding:var(--spacing-md)}.welcome-content h1[data-v-09da7e84]{font-size:var(--font-size-xl)}.worship-card[data-v-09da7e84]{padding:var(--spacing-lg)}.worship-icon[data-v-09da7e84]{width:40px;height:40px;font-size:var(--font-size-base)}.worship-info h3[data-v-09da7e84]{font-size:var(--font-size-base)}.worship-info p[data-v-09da7e84]{font-size:var(--font-size-xs)}.worship-status span[data-v-09da7e84]{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.worship-timer[data-v-09da7e84]{padding:var(--spacing-md)}.timer-icon[data-v-09da7e84]{width:32px;height:32px;font-size:var(--font-size-xs)}.worship-status-attended[data-v-09da7e84]{padding:var(--spacing-md)}.status-attended-icon[data-v-09da7e84]{width:36px;height:36px;font-size:var(--font-size-sm)}.status-attended-message[data-v-09da7e84]{font-size:var(--font-size-sm)}.status-attended-detail[data-v-09da7e84],.timer-message[data-v-09da7e84]{font-size:var(--font-size-xs)}.timer-countdown[data-v-09da7e84]{font-size:var(--font-size-sm)}.btn[data-v-09da7e84]{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-xs)}.section-header h2[data-v-09da7e84]{font-size:var(--font-size-lg)}.section-header p[data-v-09da7e84]{font-size:var(--font-size-xs)}}.calendar-section[data-v-09da7e84]{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.loading-state[data-v-09da7e84]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--text-muted);font-size:var(--font-size-sm)}.calendar-grid[data-v-09da7e84]{margin-top:var(--spacing-lg)}.calendar-weekdays[data-v-09da7e84]{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:0}.weekday[data-v-09da7e84]{background:#fafafa;padding:12px 8px;text-align:center;font-weight:500;color:#70757a;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e1e3e6;border-right:1px solid #e1e3e6}.calendar-days[data-v-09da7e84]{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.calendar-day[data-v-09da7e84]{background:#fff;padding:8px;text-align:left;cursor:pointer;min-height:100px;border-bottom:1px solid #e1e3e6;border-right:1px solid #e1e3e6;transition:all .2s ease}.calendar-day[data-v-09da7e84]:hover{background:#f8f9fa;z-index:1}.day-content[data-v-09da7e84]{display:flex;flex-direction:column;height:100%;gap:4px}.day-number[data-v-09da7e84]{font-size:12px;font-weight:400;color:#3c4043;margin-bottom:4px}.event-indicator[data-v-09da7e84]{display:flex;flex-direction:column;gap:2px;margin-top:2px}.event-bar[data-v-09da7e84]{height:3px;border-radius:2px;margin-bottom:2px}.holiday-bar[data-v-09da7e84]{background:#34a853}.event-title[data-v-09da7e84]{font-size:10px;font-weight:500;color:#3c4043;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-day.holiday[data-v-09da7e84]{background:#f8f9fa}.calendar-day.holiday .day-number[data-v-09da7e84]{color:#3c4043}.calendar-day.weekend[data-v-09da7e84]{background:#e0e0e0!important;position:relative}.calendar-day.weekend[data-v-09da7e84]:after{content:"Libur";position:absolute;top:2px;right:2px;font-size:9px;color:#dc3545;background:#fff;border:1px solid #f3bfc2;border-radius:3px;padding:0 4px;font-weight:600;z-index:2;opacity:.85}.calendar-day.weekend .day-number[data-v-09da7e84]{color:#3c4043}.calendar-day.cuti-bersama[data-v-09da7e84]{background:#f8f9fa}.calendar-day.cuti-bersama .day-number[data-v-09da7e84]{color:#3c4043}.calendar-day.today[data-v-09da7e84]{background:#e8f0fe}.calendar-day.today .day-number[data-v-09da7e84]{color:#1a73e8;font-weight:500}.calendar-day.other-month[data-v-09da7e84]{opacity:.4;background:#f8f9fa}.calendar-day.other-month[data-v-09da7e84]{background:#fafafa;opacity:.5}.calendar-day.other-month .day-number[data-v-09da7e84]{color:#9aa0a6}.event-tooltip[data-v-09da7e84]{position:fixed;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:12px;z-index:1000;max-width:250px;font-size:12px}.tooltip-header[data-v-09da7e84]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tooltip-color-indicator[data-v-09da7e84]{width:12px;height:12px;border-radius:2px}.tooltip-color-indicator.holiday[data-v-09da7e84],.tooltip-color-indicator.cuti_bersama[data-v-09da7e84]{background:#34a853}.tooltip-title[data-v-09da7e84]{font-weight:500;color:#202124;flex:1}.tooltip-close[data-v-09da7e84]{background:none;border:none;color:#5f6368;cursor:pointer;padding:2px;border-radius:2px}.tooltip-close[data-v-09da7e84]:hover{background:#f1f3f4}.tooltip-date[data-v-09da7e84]{color:#5f6368;margin-bottom:8px;font-size:11px}.tooltip-categories[data-v-09da7e84]{display:flex;flex-direction:column;gap:4px}.tooltip-category[data-v-09da7e84]{display:flex;align-items:center;gap:6px;color:#5f6368;font-size:11px}.tooltip-category i[data-v-09da7e84]{width:12px;text-align:center;color:#5f6368}.holiday-detail-overlay[data-v-09da7e84]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.holiday-detail-popup[data-v-09da7e84]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;font-family:Google Sans,Roboto,Arial,sans-serif}.holiday-detail-header[data-v-09da7e84]{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #e1e3e6;position:relative}.holiday-detail-color[data-v-09da7e84]{width:16px;height:16px;border-radius:4px;flex-shrink:0}.holiday-detail-color.holiday[data-v-09da7e84],.holiday-detail-color.cuti_bersama[data-v-09da7e84]{background:#34a853}.holiday-detail-title[data-v-09da7e84]{font-size:18px;font-weight:500;color:#202124;flex:1}.holiday-detail-actions[data-v-09da7e84]{display:flex;align-items:center;gap:8px}.action-btn[data-v-09da7e84]{background:none;border:none;border-radius:4px;padding:8px;cursor:pointer;transition:all .2s ease;color:#5f6368;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.action-btn[data-v-09da7e84]:hover{background:#f1f3f4;color:#202124}.action-btn.edit-btn[data-v-09da7e84]:hover{background:#e8f0fe;color:#1a73e8}.action-btn.delete-btn[data-v-09da7e84]:hover{background:#fce8e6;color:#d93025}.holiday-detail-content[data-v-09da7e84]{padding:20px}.holiday-detail-info[data-v-09da7e84]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.info-item[data-v-09da7e84]{display:flex;align-items:center;gap:12px;font-size:14px;color:#5f6368}.info-item i[data-v-09da7e84]{width:16px;text-align:center;color:#5f6368}.holiday-detail-description[data-v-09da7e84]{margin-bottom:20px}.holiday-detail-description h4[data-v-09da7e84]{font-size:14px;font-weight:500;color:#202124;margin:0 0 8px}.holiday-detail-description p[data-v-09da7e84]{font-size:14px;color:#5f6368;line-height:1.5;margin:0}.holiday-detail-categories[data-v-09da7e84]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.category-item[data-v-09da7e84]{display:flex;align-items:center;gap:12px;font-size:14px;color:#5f6368}.category-item i[data-v-09da7e84]{width:16px;text-align:center;color:#5f6368}.holiday-detail-add[data-v-09da7e84]{text-align:center}.add-holiday-btn[data-v-09da7e84]{background:#1a73e8;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.add-holiday-btn[data-v-09da7e84]:hover{background:#1557b0;box-shadow:0 2px 8px #1a73e84d}.holiday-modal-overlay[data-v-09da7e84]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.holiday-modal[data-v-09da7e84]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.holiday-modal-header[data-v-09da7e84]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e3e6}.holiday-modal-header h3[data-v-09da7e84]{margin:0;font-size:18px;font-weight:500;color:#202124}.modal-close-btn[data-v-09da7e84]{background:none;border:none;border-radius:4px;padding:8px;cursor:pointer;transition:all .2s ease;color:#5f6368;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close-btn[data-v-09da7e84]:hover{background:#f1f3f4;color:#202124}.holiday-modal-body[data-v-09da7e84]{padding:20px}.form-group[data-v-09da7e84]{margin-bottom:20px}.form-group label[data-v-09da7e84]{display:block;margin-bottom:8px;font-weight:500;color:#202124;font-size:14px}.form-input[data-v-09da7e84],.form-textarea[data-v-09da7e84]{width:100%;padding:12px;border:1px solid #dadce0;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-input[data-v-09da7e84]:focus,.form-textarea[data-v-09da7e84]:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.form-textarea[data-v-09da7e84]{resize:vertical;min-height:80px}.error-message[data-v-09da7e84]{color:#d93025;font-size:12px;margin-top:4px}.holiday-modal-footer[data-v-09da7e84]{display:flex;gap:12px;justify-content:flex-end;padding:20px;border-top:1px solid #e1e3e6}.btn[data-v-09da7e84]{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary[data-v-09da7e84]{background:#1a73e8;color:#fff}.btn-primary[data-v-09da7e84]:hover{background:#1557b0;box-shadow:0 2px 8px #1a73e84d}.btn-secondary[data-v-09da7e84]{background:#f1f3f4;color:#5f6368}.btn-secondary[data-v-09da7e84]:hover{background:#e8eaed}.calendar-note[data-v-09da7e84]{display:flex;align-items:flex-start;gap:12px;margin-top:15px;padding:12px 16px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-radius:8px;border-left:4px solid #2196f3}.note-icon[data-v-09da7e84]{color:#2196f3;font-size:18px;margin-top:2px}.note-content p[data-v-09da7e84]{margin:0;color:#1976d2;font-size:14px;line-height:1.4}.note-content strong[data-v-09da7e84]{color:#1565c0}@media (max-width: 768px){.calendar-section[data-v-09da7e84]{padding:var(--spacing-lg)}.calendar-day[data-v-09da7e84]{min-height:80px;padding:6px}.day-number[data-v-09da7e84]{font-size:11px}.event-title[data-v-09da7e84]{font-size:9px}.holiday-detail-popup[data-v-09da7e84],.holiday-modal[data-v-09da7e84]{width:95%;max-width:none}.calendar-note[data-v-09da7e84]{margin-top:12px;padding:10px 12px}.note-content p[data-v-09da7e84]{font-size:13px}}.calendar-day.weekend[data-v-09da7e84],.calendar-day.weekend.holiday[data-v-09da7e84]{background:#e0e0e0!important;position:relative}.role-management-btn[data-v-ddd245a6]{display:inline-flex;align-items:center;gap:var(--space-2);border:none;border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.role-management-btn--primary[data-v-ddd245a6]{background:#8b5cf6;color:#fff;padding:10px 16px;font-size:14px}.role-management-btn--primary[data-v-ddd245a6]:hover{background:#7c3aed;transform:translateY(-1px)}.role-management-btn--secondary[data-v-ddd245a6]{background:#6b7280;color:#fff;padding:8px 12px;font-size:13px}.role-management-btn--secondary[data-v-ddd245a6]:hover{background:#4b5563}.role-management-btn--inline[data-v-ddd245a6]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:6px 10px;font-size:12px}.role-management-btn--inline[data-v-ddd245a6]:hover{background:#e5e7eb;border-color:#9ca3af}.role-management-btn i[data-v-ddd245a6]{font-size:.9em}:root{--primary-color: #2563eb;--primary-dark: #1e3a8a;--primary-light: #4f87ff;--secondary-color: #f59e0b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #06b6d4;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--bg-secondary: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--gray-50);color:var(--gray-900);line-height:1.6}.add-employee-container{min-height:100vh;background:var(--bg-secondary)}.page-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:1.5rem 2rem}.page-header .header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1rem}.page-title h1{font-size:1.75rem;font-weight:600;margin-bottom:.25rem}.page-title p{color:var(--gray-500);font-size:.95rem}.back-btn{width:44px;height:44px;border:2px solid var(--gray-300);background:var(--white);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.1rem;color:var(--gray-600);position:relative;overflow:hidden}.back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(30,64,175,.1),transparent);transition:left .5s}.back-btn:hover:before{left:100%}.back-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #1e40af4d}.back-btn:active{transform:translateY(0)}.back-btn i{transition:transform .2s ease}.back-btn:hover i{transform:translate(-2px)}.back-btn[title]:hover:after{content:attr(title);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:var(--gray-800);color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;white-space:nowrap;z-index:1000;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.form-container{max-width:1200px;margin:0 auto;padding:2.5rem}.employee-form{background:var(--white);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--gray-200)}.form-section{padding:2rem;border-bottom:1px solid var(--gray-100)}.form-section:last-child{border-bottom:none;padding-bottom:2rem}.section-header{background:var(--gray-50);padding:1.5rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.section-header h2{font-size:1.125rem;font-weight:600;color:var(--gray-900);display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem 1.75rem}.form-group{margin-bottom:0}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.9rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem;display:block}.form-input,.form-select,.form-textarea{padding:.85rem 1rem;border-radius:8px;border:1px solid var(--gray-300);transition:all .2s ease-in-out;font-size:.95rem;color:var(--gray-900);background-color:var(--white)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #2563eb26}.input-group{display:flex;align-items:center;border:1px solid var(--gray-300);border-radius:8px;overflow:hidden;transition:all .2s ease-in-out}.input-group:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 4px #2563eb26}.input-prefix{background-color:var(--gray-100);padding:.85rem 1rem;border-right:1px solid var(--gray-300);color:var(--gray-600);font-weight:600;font-size:.95rem;line-height:1}.input-group .form-input{border:none;flex:1;padding-left:.75rem}.btn-primary,.btn-secondary{padding:.9rem 1.75rem;border-radius:10px;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;border:none;box-shadow:0 6px 15px #2563eb33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%);color:#fff}.btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-400);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-500);color:var(--gray-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.file-upload-area{border:2px dashed var(--gray-300);border-radius:12px;background-color:var(--gray-50);padding:2.5rem;text-align:center;cursor:pointer;transition:all .2s ease-in-out;position:relative}.file-upload-area:hover{border-color:var(--primary-color);background-color:var(--gray-100)}.file-upload-area .upload-content i{font-size:2.5rem;color:var(--gray-400);margin-bottom:.75rem}.file-upload-area .upload-content p{color:var(--gray-600);font-weight:500;margin-bottom:.25rem}.file-upload-area .upload-content .upload-link{color:var(--primary-color);font-weight:600;text-decoration:underline}.file-upload-area .file-input{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer}.file-list{margin-top:1.5rem;border-top:1px solid var(--gray-200);padding-top:1.5rem}.file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--gray-50);border-radius:8px;margin-bottom:.75rem;border:1px solid var(--gray-200)}.file-item .file-info{display:flex;align-items:center;gap:.75rem}.file-item .file-info i{color:var(--primary-color);font-size:1.1rem}.file-item .file-info span{font-weight:500;color:var(--gray-800)}.file-item .file-info small{color:var(--gray-500);font-size:.8rem}.remove-file{background:none;border:none;color:var(--error-color);cursor:pointer;font-size:.9rem;padding:.25rem;border-radius:4px;transition:background-color .2s}.remove-file:hover{background-color:#ef44441a}.history-item{background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;position:relative}.history-item .form-grid{gap:1rem 1.5rem}.history-item .remove-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:.9rem;padding:.5rem;border-radius:8px;transition:all .2s}.history-item .remove-btn:hover{color:var(--error-color);background-color:#ef44440d}.form-actions{padding:1.5rem 2rem;background-color:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:1rem}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:background .3s}.loading-spinner-modern{display:flex;flex-direction:column;align-items:center;animation:fadeIn .3s}.spinner-svg{width:60px;height:60px;animation:rotate 1.2s linear infinite;margin-bottom:1.2rem}.spinner-svg .path{stroke:var(--primary-color);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.success-checkmark{display:flex;flex-direction:column;align-items:center;animation:popIn .4s}.checkmark-svg{width:60px;height:60px;display:block;stroke:var(--success-color);stroke-width:4;stroke-miterlimit:10;margin-bottom:1.2rem}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:4;stroke:var(--success-color);fill:none;animation:strokeCircle .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s .4s cubic-bezier(.65,0,.45,1) forwards}@keyframes strokeCircle{to{stroke-dashoffset:0}}@keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes popIn{0%{transform:scale(.7);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}@media (max-width: 900px){.form-container{padding:1rem}.employee-form{border-radius:6px}.form-section,.section-header,.form-actions{padding:1rem}}@media (max-width: 600px){.form-grid{grid-template-columns:1fr;gap:1rem}.form-container{padding:.5rem}.page-header{padding:1rem .5rem}}.input-with-button{display:flex;gap:.5rem;align-items:center}.input-with-button .form-select{flex:1}.btn-add-role-inline{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;font-size:.9rem}.btn-add-role-inline:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.btn-add-role-inline:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{padding:1.5rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--gray-900)}.modal-close{background:none;border:none;font-size:1.25rem;color:var(--gray-400);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s}.modal-close:hover{color:var(--gray-600)}.modal-body{padding:1.5rem}.modal-actions{padding:1rem 1.5rem;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:.75rem}.btn-cancel{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.btn-cancel:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-submit{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.btn-submit:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.detail-page-container[data-v-2c18f077]{background-color:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page-header[data-v-2c18f077]{background-color:#fff;border-bottom:1px solid #dee2e6;padding:1rem 2rem;position:sticky;top:0;z-index:10}.header-content[data-v-2c18f077]{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.header-left[data-v-2c18f077]{display:flex;align-items:center;gap:16px}.back-button[data-v-2c18f077]{background:transparent;border:1px solid transparent;width:40px;height:40px;border-radius:50%;color:#6c757d;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.back-button[data-v-2c18f077]:hover{background-color:#cfe2ff;color:#0d6efd}.page-title h1[data-v-2c18f077]{font-size:20px;font-weight:600;color:#212529;margin:0}.breadcrumb[data-v-2c18f077]{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d;margin-top:4px}.breadcrumb-link[data-v-2c18f077]{color:#0d6efd;font-weight:500;cursor:pointer}.breadcrumb-link[data-v-2c18f077]:hover{text-decoration:underline}.header-actions[data-v-2c18f077]{display:flex;gap:12px;align-items:center}.btn-edit[data-v-2c18f077],.btn-delete[data-v-2c18f077]{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dee2e6;text-decoration:none}.btn-edit[data-v-2c18f077]{background-color:#0d6efd;color:#fff;border-color:#0d6efd}.btn-edit[data-v-2c18f077]:hover{background-color:#0a58ca;color:#fff;border-color:#0a58ca}.btn-delete[data-v-2c18f077]{background-color:#fff;color:#dc3545;border-color:#dc3545}.btn-delete[data-v-2c18f077]:hover{background-color:#dc3545;color:#fff;border-color:#dc3545}.loading-state[data-v-2c18f077]{text-align:center;padding:48px 0;color:#6c757d}.spinner[data-v-2c18f077]{width:32px;height:32px;border:3px solid #f3f4f6;border-top-color:#0d6efd;border-radius:50%;animation:spin-2c18f077 1s linear infinite;margin:0 auto 16px}@keyframes spin-2c18f077{to{transform:rotate(360deg)}}.error-state[data-v-2c18f077]{text-align:center;padding:60px 20px;color:#dc3545;background-color:#fff5f5;border:2px dashed #dc3545;border-radius:8px;margin:16px 0}.error-state h3[data-v-2c18f077]{margin:0 0 16px;font-size:20px;color:#dc3545}.error-state p[data-v-2c18f077]{margin:8px 0;font-size:14px;color:#6c757d}.btn-retry[data-v-2c18f077]{margin-top:16px;padding:8px 16px;background-color:#0d6efd;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px}.btn-retry[data-v-2c18f077]:hover{background-color:#0a58ca}.detail-main-content[data-v-2c18f077]{display:grid;grid-template-columns:320px 1fr;gap:24px;max-width:1400px;margin:24px auto;padding:0 2rem;align-items:flex-start}.profile-sidebar[data-v-2c18f077]{position:sticky;top:95px}.profile-card[data-v-2c18f077]{background-color:#fff;border-radius:8px;border:1px solid #dee2e6;padding:24px;text-align:center;box-shadow:0 1px 2px #0000000d}.profile-avatar-wrapper[data-v-2c18f077]{position:relative;width:100px;height:100px;margin:0 auto 16px}.profile-avatar[data-v-2c18f077]{width:100%;height:100%;border-radius:50%;background-color:#cfe2ff;color:#0d6efd;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600}.status-badge[data-v-2c18f077]{position:absolute;bottom:2px;right:2px;background-color:#198754;color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;border:2px solid white}.profile-name[data-v-2c18f077]{font-size:24px;font-weight:700;color:#212529;margin:0}.profile-title[data-v-2c18f077]{font-size:16px;color:#6c757d;margin:4px 0 0}.divider[data-v-2c18f077]{height:1px;background-color:#dee2e6;margin:24px 0}.profile-key-info[data-v-2c18f077]{display:flex;flex-direction:column;gap:16px;text-align:left}.key-info-item[data-v-2c18f077]{display:flex;flex-direction:column}.key-info-item label[data-v-2c18f077]{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d;margin-bottom:4px}.key-info-item span[data-v-2c18f077]{font-size:15px;color:#212529;font-weight:500}.detail-content-wrapper[data-v-2c18f077]{display:flex;flex-direction:column;gap:24px}.info-card[data-v-2c18f077]{background-color:#fff;border-radius:8px;border:1px solid #dee2e6;padding:24px;box-shadow:0 1px 2px #0000000d}.info-card-header[data-v-2c18f077]{font-size:18px;font-weight:600;color:#212529;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:8px}.info-grid[data-v-2c18f077]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item[data-v-2c18f077]{display:flex;flex-direction:column}.info-item.full-width[data-v-2c18f077]{grid-column:1 / -1}.info-item label[data-v-2c18f077]{font-size:13px;color:#6c757d;margin-bottom:4px;font-weight:500}.info-item span[data-v-2c18f077]{font-size:15px;color:#212529;font-weight:500}.salary-details-block[data-v-2c18f077]{margin-top:24px;padding-top:20px;border-top:1px solid #dee2e6}.salary-header[data-v-2c18f077]{font-size:16px;font-weight:600;color:#212529;margin:0 0 16px}.salary-grid[data-v-2c18f077]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:16px}.salary-item[data-v-2c18f077]{display:flex;flex-direction:column}.salary-item label[data-v-2c18f077]{font-size:13px;color:#6c757d;margin-bottom:4px}.salary-item span[data-v-2c18f077]{font-size:15px;color:#212529;font-weight:600}.salary-total[data-v-2c18f077]{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.salary-total label[data-v-2c18f077]{font-size:16px;font-weight:600;color:#212529;margin:0}.salary-total span[data-v-2c18f077]{font-size:18px;font-weight:700;color:#198754}.work-history-timeline[data-v-2c18f077]{position:relative;padding-left:20px;margin-top:20px}.work-history-timeline[data-v-2c18f077]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:#dee2e6}.work-history-item[data-v-2c18f077]{display:flex;align-items:flex-start;margin-bottom:30px;position:relative}.work-history-marker[data-v-2c18f077]{position:absolute;left:-10px;top:0;width:20px;height:20px;background-color:#0d6efd;border-radius:50%;border:4px solid white;box-shadow:0 0 0 4px #0d6efd;z-index:1}.work-history-content[data-v-2c18f077]{flex-grow:1;background-color:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #dee2e6;box-shadow:0 1px 2px #0000000d}.work-history-header[data-v-2c18f077]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.work-history-header h4[data-v-2c18f077]{font-size:18px;font-weight:600;color:#212529;margin:0}.work-period[data-v-2c18f077]{font-size:14px;color:#6c757d}.work-details[data-v-2c18f077]{font-size:14px;color:#495057;line-height:1.6}.work-details p[data-v-2c18f077]{margin:4px 0}.training-grid[data-v-2c18f077]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}.training-item[data-v-2c18f077]{background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;padding:16px;box-shadow:0 1px 2px #0000000d}.training-header h4[data-v-2c18f077]{font-size:16px;font-weight:600;color:#212529;margin:0 0 8px}.training-details[data-v-2c18f077]{font-size:14px;color:#495057;line-height:1.5}.training-details p[data-v-2c18f077]{margin:4px 0}.benefits-grid[data-v-2c18f077]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}.benefit-item[data-v-2c18f077]{background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;padding:16px;box-shadow:0 1px 2px #0000000d}.benefit-info h4[data-v-2c18f077]{font-size:16px;font-weight:600;color:#212529;margin:0 0 8px}.benefit-details[data-v-2c18f077]{font-size:14px;color:#495057;line-height:1.5}.benefit-details span[data-v-2c18f077]{font-weight:500}.benefit-amount[data-v-2c18f077]{color:#198754;font-weight:600}.benefit-date[data-v-2c18f077]{color:#6c757d}@media (max-width: 768px){.detail-main-content[data-v-2c18f077]{grid-template-columns:1fr}.header-content[data-v-2c18f077]{flex-direction:column;gap:16px;align-items:flex-start}.info-grid[data-v-2c18f077],.salary-grid[data-v-2c18f077]{grid-template-columns:1fr}.work-history-timeline[data-v-2c18f077]{padding-left:10px}.work-history-timeline[data-v-2c18f077]:before{left:-10px}.work-history-item[data-v-2c18f077]{margin-bottom:20px}.work-history-marker[data-v-2c18f077]{left:-8px}.training-grid[data-v-2c18f077],.benefits-grid[data-v-2c18f077]{grid-template-columns:1fr}}.auto-save-status[data-v-74691dd9]{position:fixed;bottom:20px;right:20px;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px 16px;font-size:.875rem;border:1px solid #e5e7eb;transition:all .3s ease;animation:slideInUp-74691dd9 .3s ease}.status-indicator[data-v-74691dd9]{display:flex;align-items:center;gap:8px;min-width:200px}.status-icon[data-v-74691dd9]{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.status-icon i[data-v-74691dd9]{font-size:14px}.status-text[data-v-74691dd9]{flex:1;font-weight:500}.last-save-time[data-v-74691dd9]{font-size:.75rem;color:#6b7280;margin-left:8px}.status-saving[data-v-74691dd9]{border-left:3px solid #3b82f6}.status-saving .status-icon i[data-v-74691dd9]{color:#3b82f6}.status-saved[data-v-74691dd9]{border-left:3px solid #059669}.status-saved .status-icon i[data-v-74691dd9]{color:#059669}.status-error[data-v-74691dd9]{border-left:3px solid #dc2626}.status-error .status-icon i[data-v-74691dd9]{color:#dc2626}.status-idle[data-v-74691dd9]{border-left:3px solid #6b7280}.status-idle .status-icon i[data-v-74691dd9]{color:#6b7280}@keyframes slideInUp-74691dd9{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.auto-save-status[data-v-74691dd9]{bottom:10px;right:10px;left:10px;min-width:auto}.status-indicator[data-v-74691dd9]{min-width:auto}.last-save-time[data-v-74691dd9]{display:none}}.auto-save-recovery-overlay[data-v-7b0f1727]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-7b0f1727 .3s ease}.auto-save-recovery-modal[data-v-7b0f1727]{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 25px -5px #0000001a;animation:slideInUp-7b0f1727 .3s ease}.recovery-header[data-v-7b0f1727]{text-align:center;margin-bottom:1.5rem}.recovery-icon[data-v-7b0f1727]{font-size:3rem;color:#3b82f6;margin-bottom:1rem}.recovery-header h3[data-v-7b0f1727]{color:#1f2937;margin-bottom:.5rem;font-size:1.25rem}.recovery-header p[data-v-7b0f1727]{color:#6b7280;line-height:1.5}.recovery-content[data-v-7b0f1727]{margin-bottom:1.5rem}.saved-data-info[data-v-7b0f1727]{background:#f8fafc;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.info-item[data-v-7b0f1727]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#374151}.info-item[data-v-7b0f1727]:last-child{margin-bottom:0}.info-item i[data-v-7b0f1727]{color:#6b7280;width:16px}.recovery-options p[data-v-7b0f1727]{color:#374151;margin-bottom:1rem;font-weight:500}.option-buttons[data-v-7b0f1727]{display:flex;gap:.75rem;flex-wrap:wrap}.btn-restore[data-v-7b0f1727],.btn-discard[data-v-7b0f1727],.btn-keep[data-v-7b0f1727]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;flex:1;min-width:120px;justify-content:center}.btn-restore[data-v-7b0f1727]{background:#3b82f6;color:#fff}.btn-restore[data-v-7b0f1727]:hover{background:#2563eb;transform:translateY(-1px)}.btn-discard[data-v-7b0f1727]{background:#dc2626;color:#fff}.btn-discard[data-v-7b0f1727]:hover{background:#b91c1c;transform:translateY(-1px)}.btn-keep[data-v-7b0f1727]{background:#6b7280;color:#fff}.btn-keep[data-v-7b0f1727]:hover{background:#4b5563;transform:translateY(-1px)}.recovery-footer[data-v-7b0f1727]{text-align:center;padding-top:1rem;border-top:1px solid #e5e7eb}.recovery-footer small[data-v-7b0f1727]{color:#6b7280;display:flex;align-items:center;justify-content:center;gap:.5rem}@keyframes fadeIn-7b0f1727{0%{opacity:0}to{opacity:1}}@keyframes slideInUp-7b0f1727{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.auto-save-recovery-modal[data-v-7b0f1727]{padding:1.5rem;margin:1rem}.option-buttons[data-v-7b0f1727]{flex-direction:column}.btn-restore[data-v-7b0f1727],.btn-discard[data-v-7b0f1727],.btn-keep[data-v-7b0f1727]{flex:none}}[data-v-3aa3fc17]:root{--primary-color: #4f46e5;--primary-color-hover: #4338ca;--accent-color: #a78bfa;--text-primary: #f9fafb;--text-secondary: #9ca3af;--bg-page: #111827;--bg-card: #1f2937;--border-color: #374151;--border-radius-lg: 12px;--border-radius-md: 8px;--font-sans: "Inter", sans-serif;--white: #ffffff}.success-alert-container[data-v-3aa3fc17]{position:fixed;top:80px;right:20px;z-index:9999;animation:slideInRight-3aa3fc17 .2s ease-out}.success-alert[data-v-3aa3fc17]{background:#f0fdf4;color:#166534;padding:16px 18px;border-radius:8px;border:1px solid #bbf7d0;border-left:4px solid #22c55e;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:12px;min-width:300px;max-width:380px;position:relative}.success-alert .alert-icon[data-v-3aa3fc17]{width:32px;height:32px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.success-alert .alert-icon svg[data-v-3aa3fc17]{width:18px;height:18px;color:#fff}.success-alert .alert-content[data-v-3aa3fc17]{flex:1}.success-alert .alert-content h4[data-v-3aa3fc17]{margin:0 0 4px;font-size:16px;font-weight:500;color:#166534}.success-alert .alert-content p[data-v-3aa3fc17]{margin:0;font-size:13px;color:#15803d;font-weight:400}.success-alert .alert-content .auto-redirect-info[data-v-3aa3fc17]{margin:4px 0 0;font-size:12px;color:#16a34a;font-weight:500;font-style:italic}.success-alert .alert-close-btn[data-v-3aa3fc17]{background:transparent;border:none;color:#9ca3af;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.success-alert .alert-close-btn[data-v-3aa3fc17]:hover{background:#f3f4f6;color:#374151}.success-alert .alert-close-btn svg[data-v-3aa3fc17]{width:14px;height:14px}@keyframes slideInRight-3aa3fc17{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.edit-employee-page[data-v-3aa3fc17]{background-color:var(--bg-secondary);min-height:100vh;color:var(--text-primary);font-family:var(--font-family);padding:var(--space-8)}.page-header[data-v-3aa3fc17]{margin-bottom:2rem}.header-content[data-v-3aa3fc17]{display:flex;align-items:center;gap:1rem}.back-btn[data-v-3aa3fc17]{width:44px;height:44px;border:2px solid var(--border-color);background:var(--bg-card);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.1rem;color:var(--text-secondary);position:relative;overflow:hidden}.back-btn[data-v-3aa3fc17]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,70,229,.1),transparent);transition:left .5s}.back-btn[data-v-3aa3fc17]:hover:before{left:100%}.back-btn[data-v-3aa3fc17]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.back-btn[data-v-3aa3fc17]:active{transform:translateY(0)}.back-btn i[data-v-3aa3fc17]{transition:transform .2s ease}.back-btn:hover i[data-v-3aa3fc17]{transform:translate(-2px)}.header-info h1[data-v-3aa3fc17]{font-size:1.875rem;font-weight:700;margin:0}.header-info p[data-v-3aa3fc17]{color:var(--text-secondary);margin:.25rem 0 0}.loading-state[data-v-3aa3fc17],.error-state[data-v-3aa3fc17]{text-align:center;padding:4rem 0}.spinner[data-v-3aa3fc17]{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin-3aa3fc17 1s linear infinite;margin:0 auto 1rem}@keyframes spin-3aa3fc17{to{transform:rotate(360deg)}}.form-layout-grid[data-v-3aa3fc17]{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:flex-start}.card[data-v-3aa3fc17]{background-color:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.card-header[data-v-3aa3fc17]{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background-color:#ffffff05;border-bottom:1px solid var(--border-color)}.header-avatar[data-v-3aa3fc17]{width:64px;height:64px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-image[data-v-3aa3fc17]{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-initials[data-v-3aa3fc17]{font-size:1.75rem;font-weight:600;color:#fff}.header-info h2[data-v-3aa3fc17]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.header-info p[data-v-3aa3fc17]{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.card-section[data-v-3aa3fc17]{padding:1.5rem;border-bottom:1px solid var(--border-color)}.card-section[data-v-3aa3fc17]:last-child{border-bottom:none}.section-title[data-v-3aa3fc17]{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.form-grid[data-v-3aa3fc17]{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group.full-span[data-v-3aa3fc17]{grid-column:span 2}.form-group label[data-v-3aa3fc17]{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-helper[data-v-3aa3fc17]{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-secondary);font-style:italic}.form-input[data-v-3aa3fc17],.form-select[data-v-3aa3fc17],.form-textarea[data-v-3aa3fc17]{width:100%;background-color:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:.75rem;color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.form-input[data-v-3aa3fc17]:focus,.form-select[data-v-3aa3fc17]:focus,.form-textarea[data-v-3aa3fc17]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e580}.sidebar[data-v-3aa3fc17]{position:sticky;top:2rem}.salary-card[data-v-3aa3fc17]{padding:1.5rem}.form-grid-sidebar[data-v-3aa3fc17]{display:grid;grid-template-columns:1fr;gap:1.25rem}.divider[data-v-3aa3fc17]{height:1px;background-color:var(--border-color);margin:1.5rem 0}.chart-placeholder[data-v-3aa3fc17]{text-align:center}.chart-total-label[data-v-3aa3fc17]{color:var(--text-secondary);font-size:.875rem}.chart-total-value[data-v-3aa3fc17]{font-size:2.25rem;font-weight:700;color:var(--accent-color);margin-top:.5rem}.chart-donut-placeholder[data-v-3aa3fc17]{min-height:150px;background-color:var(--bg-page);border-radius:50%;margin:1.5rem auto 0;width:150px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border-color);color:var(--text-secondary);font-size:.875rem}.form-actions[data-v-3aa3fc17]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.btn[data-v-3aa3fc17]{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s ease;gap:.5rem}.btn[data-v-3aa3fc17]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-3aa3fc17]{background-color:var(--primary-color)!important;color:#fff!important;border:none!important}.btn-primary[data-v-3aa3fc17]:hover:not(:disabled){background-color:#fff!important;color:#212529!important;border:2px solid var(--primary-color)!important;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.btn-secondary[data-v-3aa3fc17]{background-color:var(--bg-card);color:var(--text-primary)!important;border-color:var(--border-color)}.btn-secondary[data-v-3aa3fc17]:hover:not(:disabled){background-color:var(--border-color);color:var(--text-primary)!important;border-color:var(--primary-color)}.spinner-sm[data-v-3aa3fc17]{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin-3aa3fc17 .75s linear infinite}.section-header[data-v-3aa3fc17]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.btn-add[data-v-3aa3fc17]{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius-md);font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-add[data-v-3aa3fc17]:hover{background:var(--primary-color-hover);transform:translateY(-1px)}.history-item[data-v-3aa3fc17]{background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:1.25rem;margin-bottom:1rem;position:relative}.remove-btn[data-v-3aa3fc17]{position:absolute;top:1rem;right:1rem;background:#dc2626;color:#fff;border:none;padding:.5rem;border-radius:50%;cursor:pointer;font-size:.75rem;transition:all .2s ease}.remove-btn[data-v-3aa3fc17]:hover{background:#b91c1c;transform:scale(1.1)}.upload-area[data-v-3aa3fc17]{border:2px dashed var(--border-color);border-radius:var(--border-radius-md);padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;position:relative}.upload-area[data-v-3aa3fc17]:hover{border-color:var(--primary-color);background:#4f46e50d}.upload-content i[data-v-3aa3fc17]{font-size:2rem;color:var(--text-secondary);margin-bottom:.5rem}.upload-link[data-v-3aa3fc17]{color:var(--primary-color);text-decoration:underline;cursor:pointer}.file-input[data-v-3aa3fc17]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-list[data-v-3aa3fc17]{margin-top:1rem}.file-item[data-v-3aa3fc17]{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:.75rem;margin-bottom:.5rem}.file-info[data-v-3aa3fc17]{display:flex;align-items:center;gap:.75rem}.file-info i[data-v-3aa3fc17]{color:var(--primary-color)}.file-actions[data-v-3aa3fc17]{display:flex;align-items:center;gap:.5rem}.view-file[data-v-3aa3fc17]{background:var(--primary-color);color:#fff;border:none;padding:.25rem .5rem;border-radius:var(--border-radius-md);cursor:pointer;font-size:.75rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,box-shadow .2s,transform .18s;box-shadow:0 1px 4px #3b82f614}.view-file .fa-eye[data-v-3aa3fc17]{color:#fff;transition:color .2s,transform .18s}.view-file[data-v-3aa3fc17]:hover{background:var(--primary-color);box-shadow:0 4px 16px #3b82f62e;transform:scale(1.13) translateY(-2px)}.view-file:hover .fa-eye[data-v-3aa3fc17]{color:#fff;transform:scale(1.18) rotate(-8deg)}.view-file[data-v-3aa3fc17]:active{transform:scale(.97);box-shadow:0 1px 4px #3b82f61a}.remove-file[data-v-3aa3fc17]{background:#dc2626;color:#fff;border:none;padding:.25rem .5rem;border-radius:var(--border-radius-md);cursor:pointer;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,box-shadow .2s,transform .18s;box-shadow:0 1px 4px #dc262614}.remove-file .fa-times[data-v-3aa3fc17]{color:#fff;transition:color .2s,transform .18s}.remove-file[data-v-3aa3fc17]:hover{background:#b91c1c;box-shadow:0 4px 16px #dc26262e;transform:scale(1.13) translateY(-2px)}.remove-file:hover .fa-times[data-v-3aa3fc17]{color:#fff;transform:scale(1.18) rotate(18deg)}.remove-file[data-v-3aa3fc17]:active{transform:scale(.97);box-shadow:0 1px 4px #dc26261a}.input-group[data-v-3aa3fc17]{display:flex;align-items:center}.input-prefix[data-v-3aa3fc17]{background:var(--border-color);color:var(--text-primary);padding:.75rem;border:1px solid var(--border-color);border-right:none;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);font-size:.875rem}.input-suffix[data-v-3aa3fc17]{background:var(--border-color);color:var(--text-primary);padding:.75rem;border:1px solid var(--border-color);border-left:none;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;font-size:.875rem}.input-group .form-input[data-v-3aa3fc17]{border-radius:0;border-left:none;border-right:none}.input-group .form-input[data-v-3aa3fc17]:first-child{border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);border-left:1px solid var(--border-color)}.input-group .form-input[data-v-3aa3fc17]:last-child{border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;border-right:1px solid var(--border-color)}@media (max-width: 1024px){.form-layout-grid[data-v-3aa3fc17]{grid-template-columns:1fr}.sidebar[data-v-3aa3fc17]{position:static}}@media (max-width: 768px){.edit-employee-page[data-v-3aa3fc17]{padding:1rem}.form-grid[data-v-3aa3fc17]{grid-template-columns:1fr}.form-group.full-span[data-v-3aa3fc17]{grid-column:span 1}.section-header[data-v-3aa3fc17]{flex-direction:column;gap:1rem;align-items:stretch}.remove-btn[data-v-3aa3fc17]{position:static;margin-top:1rem;align-self:flex-start}}.full-span[data-v-3aa3fc17]{grid-column:1 / -1}.form-helper[data-v-3aa3fc17]{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem;display:block}textarea.form-input[data-v-3aa3fc17]{resize:vertical;min-height:80px;font-family:inherit}.input-with-button[data-v-3aa3fc17]{display:flex;align-items:center;gap:8px}.input-with-button .form-select[data-v-3aa3fc17]{flex:1}.input-with-button .role-management-btn[data-v-3aa3fc17]{flex-shrink:0}.info-alert-container[data-v-3aa3fc17]{position:fixed;top:88px;right:32px;left:auto;bottom:auto;transform:none;z-index:9999;display:flex;justify-content:flex-end;width:auto;pointer-events:none}.info-alert-simple[data-v-3aa3fc17]{background:#fff;color:#2563eb;border:1.5px solid #3b82f6;border-radius:6px;padding:.6rem 1.2rem;font-size:1rem;box-shadow:0 2px 8px #3b82f60f;pointer-events:all;animation:fadeInDown-3aa3fc17 .4s}@keyframes fadeInDown-3aa3fc17{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-overlay[data-v-3aa3fc17]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:10000;display:flex;align-items:center;justify-content:center}.modal-confirm-simple[data-v-3aa3fc17]{background:#fff;border:1.5px solid #ef4444;border-radius:8px;padding:1.3rem 1.7rem 1.1rem;min-width:280px;max-width:90vw;display:flex;flex-direction:column;align-items:center;animation:fadeInDown-3aa3fc17 .22s}.modal-message-simple[data-v-3aa3fc17]{text-align:center;color:#b91c1c;margin-bottom:1.1rem;font-size:1.04rem}.modal-actions[data-v-3aa3fc17]{display:flex;gap:1.1rem}.btn-cancel[data-v-3aa3fc17]{background:#fff;color:#64748b;border:1.2px solid #cbd5e1;border-radius:6px;padding:.38rem 1.1rem;font-size:1rem;cursor:pointer;transition:background .15s,color .15s}.btn-cancel[data-v-3aa3fc17]:hover{background:#f1f5f9}.btn-delete[data-v-3aa3fc17]{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:.38rem 1.1rem;font-size:1rem;cursor:pointer;transition:background .15s}.btn-delete[data-v-3aa3fc17]:hover{background:#dc2626}.piechart-summary-wrapper[data-v-2520609d]{position:relative;width:100%;max-width:260px;margin:0 auto}.piechart-center-icon[data-v-2520609d]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:var(--text-4xl);color:var(--text-secondary);pointer-events:none}canvas[data-v-2520609d]{max-width:100%!important;height:auto!important}[data-v-c09aafdb]:root{--primary-color: #3b82f6;--primary-color-light: #dbeafe;--primary-color-dark: #2563eb;--secondary-color: #6b7280;--accent-view: #10b981;--accent-edit: #f59e0b;--accent-delete: #ef4444;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-info: #3b82f6;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-on-primary: #ffffff;--bg-page: #f9fafb;--bg-card: #ffffff;--border-color: #e5e7eb;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius: 8px}.employee-management-page[data-v-c09aafdb]{background-color:var(--bg-secondary);min-height:100vh;padding:var(--space-6)}.employee-overview[data-v-c09aafdb]{margin-bottom:32px}.employee-summary-wrapper[data-v-c09aafdb]{max-width:980px;margin:40px auto 0;padding:0 24px}.employee-summary-card[data-v-c09aafdb]{background:#fff;border-radius:24px;box-shadow:0 4px 32px #1e293b17;padding:56px;display:flex;flex-direction:column;align-items:stretch;gap:44px;width:100%;min-width:0}.summary-header-bar.summary-header-full[data-v-c09aafdb]{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:18px;border-bottom:1.5px solid #f1f5f9;padding-bottom:18px}.summary-header-left[data-v-c09aafdb]{display:flex;align-items:center;gap:16px}.summary-content-row[data-v-c09aafdb]{display:flex;align-items:flex-start;gap:64px;width:100%;min-width:0;justify-content:space-between}.back-button[data-v-c09aafdb]{background:#f3f4f6;border:none;border-radius:10px;padding:10px 14px;font-size:1.2rem;color:#2563eb;cursor:pointer;transition:background .2s;margin-right:8px}.back-button[data-v-c09aafdb]:hover{background:#e0e7ff}.summary-title-group[data-v-c09aafdb]{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.summary-title[data-v-c09aafdb]{font-size:1.7rem;font-weight:800;color:#1e293b;margin:0}.summary-subtitle[data-v-c09aafdb]{font-size:1.02rem;color:#64748b;margin:0;font-weight:500}.summary-add-btn[data-v-c09aafdb]{display:flex;align-items:center;gap:7px;font-size:1rem;padding:10px 18px;border-radius:10px;font-weight:600}.summary-info[data-v-c09aafdb]{flex:1;min-width:0}.summary-total[data-v-c09aafdb]{display:flex;align-items:center;gap:18px;margin-bottom:24px;justify-content:space-between}.summary-total-icon[data-v-c09aafdb]{background:#f3f4f6;border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#94a3b8}.summary-number[data-v-c09aafdb]{font-size:2.8rem;font-weight:800;color:#1e293b;line-height:1}.summary-label[data-v-c09aafdb]{font-size:1.1rem;color:#64748b;font-weight:600;margin-top:2px}.summary-breakdown[data-v-c09aafdb]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}.breakdown-item[data-v-c09aafdb]{display:flex;align-items:center;gap:14px}.color-dot[data-v-c09aafdb]{width:20px;height:20px;border-radius:50%;box-shadow:0 1px 4px #00000012;border:1.5px solid #e5e7eb;flex-shrink:0}.breakdown-text[data-v-c09aafdb]{display:flex;flex-direction:column;gap:2px}.dept-label[data-v-c09aafdb]{font-weight:700;color:#1e293b;font-size:1.08rem}.dept-count[data-v-c09aafdb]{font-size:.98rem;color:#64748b;font-weight:500}.dept-percent[data-v-c09aafdb]{color:#94a3b8;font-size:.95em;margin-left:2px}.summary-chart[data-v-c09aafdb]{min-width:260px;max-width:380px;display:flex;align-items:center;justify-content:center;flex:1 1 0}.table-controls[data-v-c09aafdb]{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.search-container[data-v-c09aafdb]{flex-grow:1;position:relative;min-width:300px}.search-icon[data-v-c09aafdb]{position:absolute;top:50%;transform:translateY(-50%);left:14px;color:var(--text-muted);font-size:14px;z-index:2}.search-input[data-v-c09aafdb]{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-card);transition:all .2s ease;box-shadow:var(--shadow-sm)}.search-input[data-v-c09aafdb]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.clear-search-button[data-v-c09aafdb]{position:absolute;top:50%;transform:translateY(-50%);right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.clear-search-button[data-v-c09aafdb]:hover{background:var(--border-color);color:var(--text-primary)}.filter-select[data-v-c09aafdb]{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-card);color:var(--text-primary);cursor:pointer;min-width:180px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.filter-select[data-v-c09aafdb]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.content-area[data-v-c09aafdb]{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.table-wrapper[data-v-c09aafdb]{overflow-x:auto}.employee-table[data-v-c09aafdb]{width:100%;border-collapse:collapse;font-size:14px}.employee-table thead[data-v-c09aafdb]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid var(--border-color)}.employee-table th[data-v-c09aafdb]{padding:16px 12px;text-align:left;font-weight:600;color:var(--text-primary);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.employee-table td[data-v-c09aafdb]{padding:16px 12px;border-bottom:1px solid var(--border-color);vertical-align:middle}.employee-table tbody tr[data-v-c09aafdb]:hover{background:#f8fafc}.row-number[data-v-c09aafdb]{font-weight:600;color:var(--text-secondary);font-size:13px}.employee-profile[data-v-c09aafdb]{display:flex;align-items:center;gap:12px}.profile-picture-wrapper[data-v-c09aafdb]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color-light) 0%,#e0e7ff 100%);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;overflow:hidden;box-shadow:var(--shadow-sm)}.profile-picture[data-v-c09aafdb]{width:100%;height:100%;object-fit:cover}.profile-initials[data-v-c09aafdb]{font-size:14px;font-weight:700}.employee-details[data-v-c09aafdb]{display:flex;flex-direction:column}.employee-name[data-v-c09aafdb]{font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:2px}.employee-education[data-v-c09aafdb]{font-size:12px;color:var(--text-muted);font-weight:500}.id-info[data-v-c09aafdb]{display:flex;flex-direction:column;gap:2px}.id-label[data-v-c09aafdb]{font-weight:600;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.salary-details[data-v-c09aafdb]{display:flex;flex-direction:column;gap:2px}.total-salary[data-v-c09aafdb]{font-weight:600;color:var(--accent-success);font-size:14px}.base-salary[data-v-c09aafdb]{font-size:11px;color:var(--text-muted);margin-top:2px}.action-buttons[data-v-c09aafdb]{display:flex;justify-content:center;gap:6px}.action-btn_view[data-v-c09aafdb],.action-btn_edit[data-v-c09aafdb],.action-btn_delete[data-v-c09aafdb]{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:13px}.action-btn_view[data-v-c09aafdb]:hover{background-color:#10b981;border-color:#10b981;color:#fff;box-shadow:0 2px 4px #10b98133;transform:translateY(-1px)}.action-btn_edit[data-v-c09aafdb]:hover{background-color:#f59e0b;border-color:#f59e0b;color:#fff;box-shadow:0 2px 4px #f59e0b33;transform:translateY(-1px)}.action-btn_delete[data-v-c09aafdb]:hover{background-color:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 2px 4px #ef444433;transform:translateY(-1px)}.loading-state[data-v-c09aafdb],.empty-state[data-v-c09aafdb]{text-align:center;padding:48px 0;color:var(--text-muted)}.spinner[data-v-c09aafdb]{width:32px;height:32px;border:3px solid #f3f4f6;border-top-color:var(--primary-color);border-radius:50%;animation:spin-c09aafdb 1s linear infinite;margin:0 auto 16px}@keyframes spin-c09aafdb{to{transform:rotate(360deg)}}.empty-icon[data-v-c09aafdb]{font-size:40px;color:var(--border-color);margin-bottom:16px}.empty-state h3[data-v-c09aafdb]{font-size:18px;color:var(--text-primary);margin-bottom:8px;font-weight:600}.empty-state p[data-v-c09aafdb]{color:var(--text-muted);margin-bottom:16px}.pagination-controls[data-v-c09aafdb]{display:flex;justify-content:center;align-items:center;padding:20px 0;margin-top:16px;border-top:1px solid var(--border-color)}.pagination-button[data-v-c09aafdb]{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;color:var(--text-muted);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-button[data-v-c09aafdb]:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 4px #3b82f633}.pagination-button[data-v-c09aafdb]:disabled{opacity:.4;cursor:not-allowed;background:#f9fafb}.pagination-info[data-v-c09aafdb]{margin:0 20px;font-size:14px;color:var(--text-secondary);font-weight:500;text-align:center;display:flex;flex-direction:column;gap:4px}.pagination-details[data-v-c09aafdb]{font-size:12px;color:var(--text-muted);font-weight:400}.notification[data-v-c09aafdb]{position:fixed;top:20px;right:20px;z-index:1000;padding:16px 20px;border-radius:8px;color:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px #00000026;font-weight:500}.notification-success[data-v-c09aafdb]{background-color:var(--accent-success)}.notification-error[data-v-c09aafdb]{background-color:var(--accent-delete)}.btn-primary[data-v-c09aafdb]{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#3b82f6;color:#fff;border:1px solid #3b82f6;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:var(--shadow-sm)}.btn-primary[data-v-c09aafdb]:hover{background:#fff;color:#1e293b;border:1px solid #3b82f6;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-c09aafdb]{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:var(--shadow-sm)}.btn-secondary[data-v-c09aafdb]:hover{background:var(--border-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.employee-management-page[data-v-c09aafdb]{padding:var(--spacing-md)}.main-title[data-v-c09aafdb]{font-size:28px}.sub-title[data-v-c09aafdb]{font-size:14px}.total-card[data-v-c09aafdb]{padding:24px;gap:20px}.total-icon[data-v-c09aafdb]{width:56px;height:56px}.total-icon i[data-v-c09aafdb]{font-size:24px}.total-number[data-v-c09aafdb]{font-size:36px}.total-label[data-v-c09aafdb]{font-size:16px}.employee-overview[data-v-c09aafdb]{margin-bottom:24px}.department-breakdown[data-v-c09aafdb]{grid-template-columns:1fr;gap:16px}.department-card[data-v-c09aafdb]{padding:20px}.department-header[data-v-c09aafdb]{gap:12px;margin-bottom:16px}.department-icon[data-v-c09aafdb]{width:40px;height:40px}.department-name[data-v-c09aafdb]{font-size:16px}.department-count[data-v-c09aafdb]{font-size:13px}.department-visual[data-v-c09aafdb]{gap:12px}.progress-bar[data-v-c09aafdb]{height:6px}.percentage[data-v-c09aafdb]{font-size:13px}.dashboard-header[data-v-c09aafdb]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-actions[data-v-c09aafdb]{width:100%}.btn-primary[data-v-c09aafdb]{width:100%;justify-content:center}.table-controls[data-v-c09aafdb]{flex-direction:column}.search-container[data-v-c09aafdb]{min-width:auto}.table-wrapper[data-v-c09aafdb]{border:none}.employee-table thead[data-v-c09aafdb]{display:none}.employee-table tbody[data-v-c09aafdb],.employee-table tr[data-v-c09aafdb],.employee-table td[data-v-c09aafdb]{display:block}.employee-table tr[data-v-c09aafdb]{margin-bottom:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.employee-table td[data-v-c09aafdb]{padding:8px 0;display:flex;justify-content:space-between;align-items:center;text-align:right;border:none;border-bottom:1px dashed #eee}.employee-table td[data-v-c09aafdb]:last-child{border-bottom:none}.employee-table td[data-v-c09aafdb]:before{content:attr(data-label);font-weight:600;color:var(--text-primary);margin-right:var(--spacing-md);text-align:left}.action-buttons[data-v-c09aafdb]{justify-content:flex-end}}@media (max-width: 480px){.main-title[data-v-c09aafdb]{font-size:24px}.sub-title[data-v-c09aafdb]{font-size:13px}.total-card[data-v-c09aafdb]{padding:20px;gap:16px}.total-icon[data-v-c09aafdb]{width:48px;height:48px}.total-icon i[data-v-c09aafdb]{font-size:20px}.total-number[data-v-c09aafdb]{font-size:32px}.total-label[data-v-c09aafdb]{font-size:14px}.department-card[data-v-c09aafdb]{padding:16px}.department-header[data-v-c09aafdb]{gap:10px;margin-bottom:12px}.department-icon[data-v-c09aafdb]{width:36px;height:36px}.department-name[data-v-c09aafdb]{font-size:15px}.department-count[data-v-c09aafdb]{font-size:12px}.department-visual[data-v-c09aafdb]{gap:10px}.progress-bar[data-v-c09aafdb]{height:5px}.percentage[data-v-c09aafdb]{font-size:12px}}@media (max-width: 700px){.employee-summary-card[data-v-c09aafdb]{flex-direction:column;gap:24px;padding:20px 10px}.summary-chart[data-v-c09aafdb]{max-width:100%;min-width:0}}@media (max-width: 900px){.summary-content-row[data-v-c09aafdb]{flex-direction:column;gap:32px}.summary-header-bar.summary-header-full[data-v-c09aafdb]{flex-direction:column;align-items:flex-start;gap:12px}}.department-legend[data-v-c09aafdb]{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.legend-item[data-v-c09aafdb]{display:flex;align-items:center;gap:8px;font-size:1.08rem;font-weight:600;color:#222e3a}.legend-label[data-v-c09aafdb]{font-weight:600;color:#222e3a}.department-breakdown-cards[data-v-c09aafdb]{display:flex;flex-direction:column;gap:18px;margin-bottom:18px}.breakdown-card[data-v-c09aafdb]{background:#fff;border-radius:16px;box-shadow:0 2px 12px #1e293b12;padding:18px 20px;display:flex;align-items:center;gap:16px}.breakdown-icon-card[data-v-c09aafdb]{font-size:2.1rem;color:#64748b;flex-shrink:0}.breakdown-card-content[data-v-c09aafdb]{display:flex;flex-direction:column;gap:2px}.breakdown-card-label[data-v-c09aafdb]{font-weight:700;font-size:1.13rem;color:#222e3a}.breakdown-card-count[data-v-c09aafdb]{color:#374151;font-size:1.01rem;font-weight:500}.breakdown-card-percent[data-v-c09aafdb]{color:#64748b;font-size:.98em}@media (max-width: 600px){.department-breakdown-cards[data-v-c09aafdb]{gap:12px}.breakdown-card[data-v-c09aafdb]{padding:12px 10px;gap:10px}.breakdown-icon-card[data-v-c09aafdb]{font-size:1.5rem}}.dot[data-v-c09aafdb]{width:18px;height:18px;border-radius:4px;display:inline-block;margin-right:8px;vertical-align:middle}.dot-blue[data-v-c09aafdb]{background:#2563eb}.dot-orange[data-v-c09aafdb]{background:#f59e0b}.dot-green[data-v-c09aafdb]{background:#10b981}.dept-icon[data-v-c09aafdb]{margin:0 6px 0 0;font-size:1.15em;vertical-align:middle}@media (max-width: 1200px){.employee-summary-wrapper[data-v-c09aafdb]{max-width:100%;padding:0 8px}.employee-summary-card[data-v-c09aafdb]{padding:32px 8px}.summary-content-row[data-v-c09aafdb]{gap:32px}.summary-chart[data-v-c09aafdb]{max-width:100%;min-width:0}}.employee-summary-card.pro[data-v-c09aafdb]{background:#fff;border-radius:24px;box-shadow:0 6px 32px #1e293b17;border:1.5px solid #f1f5f9;padding:32px 32px 28px;max-width:900px;margin:12px auto 18px;display:flex;flex-direction:column;gap:24px;font-family:Inter,Roboto,Nunito,Arial,sans-serif}.summary-header-pro[data-v-c09aafdb]{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1.5px solid #f1f5f9;padding-bottom:12px}.header-buttons[data-v-c09aafdb]{display:flex;align-items:center;gap:12px}.btn-add-role[data-v-c09aafdb]{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #3b82f6;background:transparent;color:#3b82f6;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-add-role[data-v-c09aafdb]:hover{background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.modal-overlay[data-v-c09aafdb]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-c09aafdb]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-c09aafdb]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.modal-header h3[data-v-c09aafdb]{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px}.modal-close[data-v-c09aafdb]{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.modal-close[data-v-c09aafdb]:hover{background:#f3f4f6;color:#374151}.modal-body[data-v-c09aafdb]{padding:0 24px 24px}.form-group[data-v-c09aafdb]{margin-bottom:20px}.form-group label[data-v-c09aafdb]{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:.95rem}.form-input[data-v-c09aafdb],.form-select[data-v-c09aafdb]{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff}.form-input[data-v-c09aafdb]:focus,.form-select[data-v-c09aafdb]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-actions[data-v-c09aafdb]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-cancel[data-v-c09aafdb]{padding:12px 20px;border:1px solid #d1d5db;background:#fff;color:#6b7280;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel[data-v-c09aafdb]:hover{background:#f9fafb;border-color:#9ca3af}.btn-submit[data-v-c09aafdb]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-submit[data-v-c09aafdb]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-submit[data-v-c09aafdb]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.summary-title-group-pro[data-v-c09aafdb]{display:flex;align-items:center;gap:12px}.summary-icon-pro[data-v-c09aafdb]{font-size:1.7rem;color:#2563eb;background:#e0e7ff;border-radius:50%;padding:8px}.summary-header-pro h1[data-v-c09aafdb]{font-size:1.35rem;font-weight:800;margin:0;color:#1e293b;letter-spacing:-.5px}.summary-header-pro p[data-v-c09aafdb]{font-size:.98rem;color:#64748b;margin:2px 0 0;font-weight:500}.summary-content-pro[data-v-c09aafdb]{display:flex;gap:32px;align-items:flex-start;justify-content:space-between}.summary-breakdown-pro[data-v-c09aafdb]{display:flex;flex-direction:column;gap:14px;min-width:210px}.summary-total-pro[data-v-c09aafdb]{margin-bottom:10px}.summary-number-pro[data-v-c09aafdb]{font-size:2.1rem;font-weight:800;color:#1e293b;line-height:1}.summary-label-pro[data-v-c09aafdb]{font-size:1rem;color:#64748b;font-weight:600;margin-top:2px}.breakdown-item-pro[data-v-c09aafdb]{display:flex;align-items:center;gap:10px;font-size:1rem}.color-dot-pro[data-v-c09aafdb]{width:13px;height:13px;border-radius:50%;box-shadow:0 1px 4px #00000012;border:1.5px solid #e5e7eb}.color-blue[data-v-c09aafdb]{background:#2563eb}.color-orange[data-v-c09aafdb]{background:#f59e0b}.color-green[data-v-c09aafdb]{background:#10b981}.dept-label-pro[data-v-c09aafdb]{font-weight:700;color:#1e293b;min-width:90px}.count-pro[data-v-c09aafdb]{font-size:.97rem;color:#374151;font-weight:500;margin-left:6px}.summary-chart-pro[data-v-c09aafdb]{flex:1 1 0;display:flex;align-items:center;justify-content:center}.chart-bg-pro[data-v-c09aafdb]{background:#f8fafc;border-radius:50%;box-shadow:0 2px 12px #1e293b12;padding:16px;display:flex;align-items:center;justify-content:center}@media (max-width: 900px){.employee-summary-card.pro[data-v-c09aafdb]{max-width:100%;padding:16px 2px}.summary-content-pro[data-v-c09aafdb]{flex-direction:column;gap:18px}.summary-header-pro[data-v-c09aafdb]{flex-direction:column;align-items:flex-start;gap:8px}}.btn-add-pro.btn-add-solid[data-v-c09aafdb]{background:#2563eb;color:#fff;font-weight:600;border-radius:8px;padding:8px 18px;font-size:1rem;display:flex;align-items:center;gap:6px;border:none;box-shadow:0 1px 4px #1e293b12;transition:background .2s;text-decoration:none!important}.btn-add-pro.btn-add-solid[data-v-c09aafdb]:hover{background:#1d4ed8}.btn-add-pro.btn-add-solid i[data-v-c09aafdb]{font-size:16px}.btn-add-pro.btn-add-solid.btn-add-compact[data-v-c09aafdb]{background:#2563eb;color:#fff;font-weight:600;border-radius:8px;padding:8px 18px;font-size:1rem;display:flex;align-items:center;gap:6px;border:none;box-shadow:0 1px 4px #1e293b12;transition:background .2s;text-decoration:none!important;border-bottom:none!important}.btn-add-pro[data-v-c09aafdb] *,.btn-add-pro[data-v-c09aafdb]{text-decoration:none!important;border-bottom:none!important}.btn-export-pro.btn-export-solid[data-v-c09aafdb]{background:#10b981;color:#fff;font-weight:600;border-radius:8px;padding:8px 18px;font-size:1rem;display:flex;align-items:center;gap:6px;border:none;box-shadow:0 1px 4px #10b98133;transition:all .2s ease;cursor:pointer}.btn-export-pro.btn-export-solid[data-v-c09aafdb]:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.btn-export-pro.btn-export-solid[data-v-c09aafdb]:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.btn-export-pro.btn-export-solid i[data-v-c09aafdb]{font-size:16px}.export-controls[data-v-c09aafdb]{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;border:1px solid #e5e7eb}.export-buttons[data-v-c09aafdb]{display:flex;gap:12px;align-items:center;margin-bottom:12px}.export-btn[data-v-c09aafdb]{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.export-btn[data-v-c09aafdb]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.export-btn[data-v-c09aafdb]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.export-btn i[data-v-c09aafdb]{font-size:16px}.excel-btn[data-v-c09aafdb]{background:#10b981;color:#fff}.excel-btn[data-v-c09aafdb]:hover:not(:disabled){background:#059669}.pdf-btn[data-v-c09aafdb]{background:#ef4444;color:#fff}.pdf-btn[data-v-c09aafdb]:hover:not(:disabled){background:#dc2626}.export-info[data-v-c09aafdb]{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d}.export-count[data-v-c09aafdb]{font-weight:500;color:#495057}.export-filter[data-v-c09aafdb]{color:#6c757d;font-style:italic}.header-buttons[data-v-c09aafdb]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.export-controls[data-v-c09aafdb]{padding:16px}.export-buttons[data-v-c09aafdb]{flex-direction:column;gap:8px}.export-btn[data-v-c09aafdb]{justify-content:center;width:100%}.export-info[data-v-c09aafdb]{flex-direction:column;align-items:flex-start;gap:4px}.header-buttons[data-v-c09aafdb]{flex-direction:column;align-items:stretch;gap:8px}.btn-export-pro.btn-export-solid[data-v-c09aafdb],.btn-add-pro.btn-add-solid[data-v-c09aafdb]{justify-content:center}}[data-v-53e12263]:root{--primary-color: #1e40af;--primary-light: #3b82f6;--primary-dark: #1e3a8a;--primary-bg: #eff6ff;--primary-border: #bfdbfe;--success-color: #059669;--success-light: #10b981;--success-bg: #ecfdf5;--success-border: #a7f3d0;--warning-color: #d97706;--warning-light: #f59e0b;--warning-bg: #fffbeb;--warning-border: #fde68a;--error-color: #dc2626;--error-light: #ef4444;--error-bg: #fef2f2;--error-border: #fecaca;--info-color: #0891b2;--info-light: #06b6d4;--info-bg: #f0f9ff;--info-border: #7dd3fc;--gray-25: #fcfcfd;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.input-jatah-container[data-v-53e12263]{padding:2rem;max-width:1400px;margin:0 auto;background:var(--gray-25);min-height:100vh}.page-header[data-v-53e12263]{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-xl);padding:2.5rem;margin-bottom:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--gray-100);position:relative;overflow:hidden}.page-header[data-v-53e12263]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-light) 50%,var(--info-color) 100%)}.header-content[data-v-53e12263]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.page-title h1[data-v-53e12263]{font-size:2.25rem;font-weight:800;color:var(--gray-900);margin-bottom:.75rem;letter-spacing:-.025em;line-height:1.2}.page-title p[data-v-53e12263]{color:var(--gray-600);font-size:1.125rem;font-weight:400;line-height:1.6}.table-section[data-v-53e12263]{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-100);overflow:hidden}.table-container[data-v-53e12263]{overflow-x:auto}.modern-table[data-v-53e12263]{width:100%;border-collapse:collapse;min-width:1000px}.modern-table th[data-v-53e12263]{background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);padding:1.25rem 1rem;text-align:left;font-weight:700;font-size:.875rem;color:var(--gray-800);border-bottom:2px solid var(--gray-200);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.modern-table td[data-v-53e12263]{padding:1.25rem 1rem;border-bottom:1px solid var(--gray-100);vertical-align:middle;transition:var(--transition)}.table-row[data-v-53e12263]:hover{background:linear-gradient(135deg,var(--gray-25) 0%,var(--gray-50) 100%);transform:translateY(-1px);box-shadow:0 4px 12px -2px #0000000d}.employee-info[data-v-53e12263]{display:flex;flex-direction:column;gap:.25rem}.employee-info strong[data-v-53e12263]{font-weight:700;color:var(--gray-900);font-size:.95rem;line-height:1.4}.employee-info small[data-v-53e12263]{color:var(--gray-500);font-size:.8rem;font-weight:500;padding:.25rem .5rem;background:var(--gray-100);border-radius:var(--radius-sm);display:inline-block;width:fit-content}.quota-info[data-v-53e12263]{display:flex;align-items:center;gap:.75rem;flex-direction:column}.quota-used[data-v-53e12263]{font-weight:700;font-size:1.1rem;color:var(--primary-color)}.quota-separator[data-v-53e12263]{color:var(--gray-400);font-weight:600}.quota-total[data-v-53e12263]{color:var(--gray-600);font-weight:600}.quota-display[data-v-53e12263]{display:flex;align-items:center;gap:.5rem;min-width:80px}.quota-text[data-v-53e12263]{font-weight:600;font-size:.875rem;color:var(--text-primary);min-width:40px;text-align:center}.quota-bar[data-v-53e12263]{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;min-width:40px}.quota-progress[data-v-53e12263]{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease}.quota-progress.sick[data-v-53e12263]{background:#f59e0b}.quota-progress.emergency[data-v-53e12263]{background:#ef4444}.quota-progress.maternity[data-v-53e12263]{background:#ec4899}.quota-progress.paternity[data-v-53e12263]{background:#3b82f6}.quota-progress.marriage[data-v-53e12263]{background:#10b981}.quota-progress.bereavement[data-v-53e12263]{background:#6b7280}.action-buttons[data-v-53e12263]{display:flex;gap:.75rem;justify-content:center}.btn-icon[data-v-53e12263]{width:36px;height:36px;border:none;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:.875rem;position:relative;overflow:hidden}.btn-icon[data-v-53e12263]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.btn-icon[data-v-53e12263]:hover:before{left:100%}.btn-icon.edit[data-v-53e12263]{background:var(--warning-bg);color:var(--warning-color);border:2px solid var(--warning-border)}.btn-icon.edit[data-v-53e12263]:hover{background:var(--warning-color);color:#fff;border-color:var(--warning-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-icon.delete[data-v-53e12263]{background:var(--error-bg);color:var(--error-color);border:2px solid var(--error-border)}.btn-icon.delete[data-v-53e12263]:hover{background:var(--error-color);color:#fff;border-color:var(--error-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.empty-state[data-v-53e12263]{text-align:center;padding:4rem 2rem;color:var(--gray-500);background:linear-gradient(135deg,var(--gray-25) 0%,var(--gray-50) 100%);border-radius:var(--radius-lg);margin:2rem}.empty-state i[data-v-53e12263]{font-size:4rem;margin-bottom:1.5rem;color:var(--gray-300);background:linear-gradient(135deg,var(--gray-300) 0%,var(--gray-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state h3[data-v-53e12263]{margin-bottom:.75rem;color:var(--gray-700);font-size:1.5rem;font-weight:700}.empty-state p[data-v-53e12263]{font-size:1rem;line-height:1.6;max-width:400px;margin:0 auto}.modal-overlay[data-v-53e12263]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-53e12263 .3s ease}@keyframes fadeIn-53e12263{0%{opacity:0}to{opacity:1}}.modal-content[data-v-53e12263]{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:650px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid var(--gray-100);animation:slideUp-53e12263 .3s ease}@keyframes slideUp-53e12263{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-53e12263]{padding:2rem 2rem 1rem;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--gray-25) 0%,var(--gray-50) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-header h3[data-v-53e12263]{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0}.close-btn[data-v-53e12263]{background:var(--gray-100);border:2px solid var(--gray-200);width:40px;height:40px;border-radius:var(--radius);font-size:1.25rem;cursor:pointer;color:var(--gray-600);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.close-btn[data-v-53e12263]:hover{background:var(--error-color);color:#fff;border-color:var(--error-color);transform:scale(1.05)}.modal-body[data-v-53e12263]{padding:2rem}.form-group[data-v-53e12263]{margin-bottom:1.5rem}.form-group label[data-v-53e12263]{display:block;margin-bottom:.75rem;font-weight:600;color:var(--gray-800);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.form-input[data-v-53e12263]{width:100%;padding:1rem 1.25rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:1rem;font-weight:500;color:var(--gray-700);background:var(--gray-25);transition:var(--transition);box-sizing:border-box}.form-input[data-v-53e12263]:hover{border-color:var(--gray-300);background:var(--bg-secondary)}.form-input[data-v-53e12263]:focus{outline:none;border-color:var(--primary-color);background:var(--bg-secondary);box-shadow:0 0 0 4px var(--primary-bg);transform:translateY(-1px)}.form-input[data-v-53e12263]::placeholder{color:var(--gray-400);font-weight:400}.form-row[data-v-53e12263]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.modal-footer[data-v-53e12263]{padding:1.5rem 2rem 2rem;border-top:2px solid var(--gray-100);display:flex;gap:1rem;justify-content:flex-end;background:var(--gray-25);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.btn-primary[data-v-53e12263]{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;border:2px solid var(--primary-color);padding:1rem 2rem;border-radius:var(--radius);font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.btn-primary[data-v-53e12263]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary[data-v-53e12263]:hover:not(:disabled):before{left:100%}.btn-primary[data-v-53e12263]:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-dark)}.btn-primary[data-v-53e12263]:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow)}.btn-primary[data-v-53e12263]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary[data-v-53e12263]{background:var(--bg-secondary);color:var(--gray-700);border:2px solid var(--gray-300);padding:1rem 2rem;border-radius:var(--radius);font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.btn-secondary[data-v-53e12263]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent);transition:left .5s}.btn-secondary[data-v-53e12263]:hover:before{left:100%}.btn-secondary[data-v-53e12263]:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-53e12263]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.modern-alert[data-v-53e12263]{position:fixed;top:6rem;right:2rem;width:400px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);z-index:999;overflow:hidden;border:1px solid var(--gray-200)}.alert-content[data-v-53e12263]{display:flex;align-items:flex-start;padding:1.25rem;gap:1rem;position:relative}.alert-icon[data-v-53e12263]{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.alert-success .alert-icon[data-v-53e12263]{background:var(--success-bg);color:var(--success-color)}.alert-error .alert-icon[data-v-53e12263]{background:var(--error-bg);color:var(--error-color)}.alert-warning .alert-icon[data-v-53e12263]{background:var(--warning-bg);color:var(--warning-color)}.alert-info .alert-icon[data-v-53e12263]{background:var(--info-bg);color:var(--info-color)}.alert-text[data-v-53e12263]{flex:1;min-width:0}.alert-title[data-v-53e12263]{font-weight:700;font-size:1rem;color:var(--gray-900);margin-bottom:.25rem;line-height:1.4}.alert-message[data-v-53e12263]{font-size:.875rem;color:var(--gray-600);line-height:1.5;word-wrap:break-word}.alert-close[data-v-53e12263]{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:var(--transition);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.alert-close[data-v-53e12263]:hover{background:var(--gray-100);color:var(--gray-600)}.alert-progress[data-v-53e12263]{height:4px;width:100%;background:var(--gray-100);position:relative;overflow:hidden}.alert-progress[data-v-53e12263]:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;transform:translate(-100%);animation:progressBar-53e12263 5s linear forwards}.progress-success[data-v-53e12263]:before{background:linear-gradient(90deg,var(--success-color),var(--success-light))}.progress-error[data-v-53e12263]:before{background:linear-gradient(90deg,var(--error-color),var(--error-light))}.progress-warning[data-v-53e12263]:before{background:linear-gradient(90deg,var(--warning-color),var(--warning-light))}.progress-info[data-v-53e12263]:before{background:linear-gradient(90deg,var(--info-color),var(--info-light))}@keyframes progressBar-53e12263{0%{transform:translate(-100%)}to{transform:translate(0)}}.alert-slide-enter-active[data-v-53e12263]{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.alert-slide-leave-active[data-v-53e12263]{transition:all .3s cubic-bezier(.55,.085,.68,.53)}.alert-slide-enter-from[data-v-53e12263],.alert-slide-leave-to[data-v-53e12263]{transform:translate(100%) scale(.9);opacity:0}.alert-slide-enter-to[data-v-53e12263],.alert-slide-leave-from[data-v-53e12263]{transform:translate(0) scale(1);opacity:1}@media (max-width: 1024px){.input-jatah-container[data-v-53e12263]{padding:1.5rem}.page-header[data-v-53e12263]{padding:2rem}.page-title h1[data-v-53e12263]{font-size:2rem}}@media (max-width: 768px){.input-jatah-container[data-v-53e12263]{padding:1rem;background:var(--bg-secondary)}.page-header[data-v-53e12263]{padding:1.5rem;margin-bottom:1.5rem}.page-title h1[data-v-53e12263]{font-size:1.75rem}.page-title p[data-v-53e12263]{font-size:1rem}.header-content[data-v-53e12263]{flex-direction:column;align-items:stretch;gap:1rem}.filters-section[data-v-53e12263]{padding:1.5rem}.filter-group[data-v-53e12263]{flex-direction:column;gap:1rem}.filter-select[data-v-53e12263]{min-width:auto;width:100%}.modern-table[data-v-53e12263]{font-size:.8rem}.modern-table th[data-v-53e12263],.modern-table td[data-v-53e12263]{padding:.75rem .5rem}.quota-display[data-v-53e12263]{flex-direction:column;gap:.25rem;align-items:flex-start}.quota-text[data-v-53e12263]{font-size:.8rem;min-width:auto}.quota-bar[data-v-53e12263]{width:100%;min-width:60px}.btn-icon[data-v-53e12263]{width:32px;height:32px;font-size:.8rem}.modal-content[data-v-53e12263]{width:95%;margin:1rem}.modal-header[data-v-53e12263],.modal-body[data-v-53e12263]{padding:1.5rem}.modal-footer[data-v-53e12263]{padding:1rem 1.5rem 1.5rem}.form-row[data-v-53e12263]{grid-template-columns:1fr;gap:1rem}.modal-footer[data-v-53e12263]{flex-direction:column}.btn-primary[data-v-53e12263],.btn-secondary[data-v-53e12263]{padding:.875rem 1.5rem;font-size:.85rem}.modern-alert[data-v-53e12263]{top:5rem;right:1rem;left:1rem;width:auto;max-width:none}.alert-content[data-v-53e12263]{padding:1rem;gap:.75rem}.alert-icon[data-v-53e12263]{width:2rem;height:2rem;font-size:1rem}.alert-title[data-v-53e12263]{font-size:.9rem}.alert-message[data-v-53e12263]{font-size:.8rem}}@media (max-width: 480px){.page-title h1[data-v-53e12263]{font-size:1.5rem}.empty-state[data-v-53e12263]{padding:2rem 1rem}.empty-state i[data-v-53e12263]{font-size:3rem}.empty-state h3[data-v-53e12263]{font-size:1.25rem}.modern-alert[data-v-53e12263]{top:4.5rem;right:.5rem;left:.5rem;width:auto}.alert-content[data-v-53e12263]{padding:.875rem;gap:.5rem}.alert-icon[data-v-53e12263]{width:1.75rem;height:1.75rem;font-size:.875rem}.alert-title[data-v-53e12263]{font-size:.85rem}.alert-message[data-v-53e12263]{font-size:.75rem}.alert-close[data-v-53e12263]{width:1.25rem;height:1.25rem;top:.5rem;right:.5rem}}.employee-list[data-v-53e12263]{max-height:400px;overflow-y:auto}.employee-item[data-v-53e12263]{display:flex;align-items:center;padding:16px;border:2px solid var(--gray-200);border-radius:var(--radius);margin-bottom:12px;transition:var(--transition)}.selectable-employee[data-v-53e12263]{cursor:pointer}.selectable-employee[data-v-53e12263]:hover{border-color:var(--primary-color);background-color:var(--primary-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.employee-avatar[data-v-53e12263]{margin-right:16px}.avatar-placeholder[data-v-53e12263]{width:48px;height:48px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.employee-details[data-v-53e12263]{flex:1}.employee-details h4[data-v-53e12263]{margin:0 0 4px;color:var(--gray-800);font-weight:600}.employee-details p[data-v-53e12263]{margin:0 0 2px;color:var(--gray-600);font-size:14px}.employee-details small[data-v-53e12263]{color:var(--gray-500);font-size:12px}.select-icon[data-v-53e12263]{color:var(--primary-color);font-size:20px}.selectable-employee:hover .select-icon[data-v-53e12263]{color:var(--primary-dark)}.header-actions[data-v-53e12263]{display:flex;gap:12px;align-items:center}.btn-primary[data-v-53e12263]{background:var(--primary-color);color:#fff;border:none;padding:12px 20px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px}.btn-primary[data-v-53e12263]:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary[data-v-53e12263]:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.form-help[data-v-53e12263]{display:block;margin-top:4px;font-size:12px;color:#6b7280;font-style:italic}.form-input[data-v-53e12263]:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-input[data-v-53e12263]:disabled::placeholder{color:#9ca3af}.filters-section[data-v-53e12263]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:24px}.filter-group[data-v-53e12263]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter-select[data-v-53e12263]{min-width:150px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px}.filter-select[data-v-53e12263]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.filter-group[data-v-53e12263]{flex-direction:column;align-items:stretch}.filter-select[data-v-53e12263]{min-width:auto}}[data-v-ce13e22a]:root{--bg-main: #F8F9FA;--bg-card: #FFFFFF;--bg-hover: #F1F3F4;--text-primary: #1A1A1A;--text-secondary: #5F6368;--text-tertiary: #9AA0A6;--border-color: #DADCE0;--border-hover: #C1C7CD;--accent-primary: #3C4043;--accent-secondary: #5F6368;--success-color: #137333;--warning-color: #EA8600;--error-color: #C5221F;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-hover: 0 4px 16px rgba(0, 0, 0, .12);--shadow-card: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)}.penerimaan-permohonan-cuti[data-v-ce13e22a]{font-family:var(--font-family);background-color:var(--bg-secondary);min-height:100vh;padding:var(--space-8);line-height:var(--leading-normal)}.control-panel[data-v-ce13e22a]{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.page-header[data-v-ce13e22a]{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.page-header h1[data-v-ce13e22a]{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0;letter-spacing:-.025em}.page-header p[data-v-ce13e22a]{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-8) 0;font-weight:var(--font-normal)}.header-actions[data-v-ce13e22a]{display:flex;gap:1rem;align-items:center}.header-actions .btn[data-v-ce13e22a]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-weight:600;font-size:.9rem;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.header-actions .btn-primary[data-v-ce13e22a]{background:var(--accent-primary);color:#fff}.header-actions .btn-primary[data-v-ce13e22a]:hover{background:var(--accent-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.header-actions .btn i[data-v-ce13e22a]{font-size:1rem}.stats-row[data-v-ce13e22a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.stat-card[data-v-ce13e22a]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:28px 24px;transition:all .3s ease;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.stat-card[data-v-ce13e22a]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:.8}.stat-card[data-v-ce13e22a]:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--border-hover)}.stat-card.clickable[data-v-ce13e22a]{cursor:pointer;transition:all .3s ease}.stat-card.clickable[data-v-ce13e22a]:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--border-hover)}.stat-card.clickable[data-v-ce13e22a]:active{transform:translateY(0);box-shadow:var(--shadow-card)}.stat-card.clickable.active[data-v-ce13e22a]{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3c40431a}.stat-content h3[data-v-ce13e22a]{font-size:2.5rem;font-weight:800;margin:0 0 8px;line-height:1}.stat-number.total[data-v-ce13e22a]{color:var(--text-primary)}.stat-number.pending[data-v-ce13e22a]{color:#f97316}.stat-number.approved[data-v-ce13e22a]{color:#22c55e}.stat-number.rejected[data-v-ce13e22a]{color:#ef4444}.stat-number.expired[data-v-ce13e22a]{color:#7f1d1d}.stat-content p[data-v-ce13e22a]{font-size:.95rem;color:var(--text-secondary);margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.requests-section[data-v-ce13e22a]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-card)}.section-header[data-v-ce13e22a]{border-bottom:2px solid var(--border-color);padding-bottom:20px;margin-bottom:28px;display:flex;justify-content:space-between;align-items:center}.section-header h2[data-v-ce13e22a]{font-size:1.5rem;color:var(--text-primary);margin:0;font-weight:700;letter-spacing:-.025em}.total-count[data-v-ce13e22a]{font-size:.9rem;font-weight:600;color:var(--text-secondary);background-color:var(--bg-hover);padding:8px 16px;border-radius:20px;border:1px solid var(--border-color)}.leave-list[data-v-ce13e22a]{display:flex;flex-direction:column;gap:20px}.leave-card[data-v-ce13e22a]{border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;transition:all .3s ease;background:var(--bg-card);position:relative}.leave-card[data-v-ce13e22a]:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover);border-color:var(--border-hover)}.leave-header[data-v-ce13e22a]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.employee-info[data-v-ce13e22a]{display:flex;align-items:center;gap:16px}.avatar[data-v-ce13e22a]{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar img[data-v-ce13e22a]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-ce13e22a]{width:100%;height:100%;background-color:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.5rem}.employee-details h4[data-v-ce13e22a]{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.employee-role[data-v-ce13e22a]{font-size:.85rem;color:var(--text-secondary);margin-bottom:2px}.employee-department[data-v-ce13e22a]{font-size:.8rem;color:var(--text-tertiary)}.leave-status[data-v-ce13e22a]{flex-shrink:0}.status-badge[data-v-ce13e22a]{padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--bg-card);letter-spacing:.5px}.status-badge.status-pending[data-v-ce13e22a]{background-color:var(--warning-color);box-shadow:0 2px 4px #ea860033}.status-badge.status-approved[data-v-ce13e22a]{background-color:var(--success-color);box-shadow:0 2px 4px #13733333}.status-badge.status-rejected[data-v-ce13e22a]{background-color:var(--error-color);box-shadow:0 2px 4px #c5221f33}.status-badge.status-expired[data-v-ce13e22a]{background-color:#6b7280;box-shadow:0 2px 4px #6b728033}.leave-details[data-v-ce13e22a]{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.detail-row[data-v-ce13e22a]{display:flex;justify-content:space-between;gap:20px;margin-bottom:12px}.detail-item[data-v-ce13e22a]{display:flex;align-items:center;gap:8px;flex:1}.detail-item i[data-v-ce13e22a]{font-size:.85rem;color:var(--text-tertiary)}.detail-label[data-v-ce13e22a]{font-weight:600;color:var(--text-primary);font-size:.9rem}.detail-value[data-v-ce13e22a]{font-size:.95rem;color:var(--text-secondary);font-weight:500}.detail-item.full-width[data-v-ce13e22a]{flex:none}.leave-reason[data-v-ce13e22a]{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.leave-reason strong[data-v-ce13e22a]{color:var(--text-primary);font-weight:600}.leave-actions[data-v-ce13e22a]{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.btn[data-v-ce13e22a]{padding:12px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;border:2px solid;transition:all .2s ease;display:flex;align-items:center;gap:8px;justify-content:center;text-transform:uppercase;letter-spacing:.5px;min-width:120px}.btn-approve[data-v-ce13e22a]{color:var(--success-color);border-color:var(--success-color);background-color:var(--bg-card)}.btn-approve[data-v-ce13e22a]:hover{background-color:#10b981;color:var(--bg-card);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-reject[data-v-ce13e22a]{color:var(--error-color);border-color:var(--error-color);background-color:var(--bg-card)}.btn-reject[data-v-ce13e22a]:hover{background-color:#ef4444;color:var(--bg-card);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn[data-v-ce13e22a]:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.modal-overlay[data-v-ce13e22a]{background:#0009;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-ce13e22a]{background:var(--bg-card);border-radius:var(--radius);width:90%;max-width:500px;box-shadow:var(--shadow-hover);border:1px solid var(--border-color);max-height:90vh;display:flex;flex-direction:column}.modal-header[data-v-ce13e22a]{padding:24px 32px;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-hover);border-radius:var(--radius) var(--radius) 0 0;flex-shrink:0}.modal-header h3[data-v-ce13e22a]{font-size:1.25rem;font-weight:700;margin:0}.close-btn[data-v-ce13e22a]{background:none;border:none;font-size:1.2rem;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease}.close-btn[data-v-ce13e22a]:hover{background-color:var(--border-color);color:var(--text-primary)}.modal-body[data-v-ce13e22a]{padding:32px;overflow-y:auto;flex:1 1 auto}.employee-summary[data-v-ce13e22a]{background:var(--bg-hover);border-radius:var(--radius-sm);padding:20px;margin-bottom:24px;border:1px solid var(--border-color)}.employee-summary h4[data-v-ce13e22a]{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.employee-summary p[data-v-ce13e22a]{color:var(--text-secondary);margin:0;font-weight:500}.form-group[data-v-ce13e22a]{margin-bottom:20px}.form-group label[data-v-ce13e22a]{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:.95rem}.form-textarea[data-v-ce13e22a]{width:100%;padding:16px;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;background:var(--bg-card);color:var(--text-primary);font-family:inherit;resize:vertical;min-height:100px;transition:all .2s ease}.form-textarea[data-v-ce13e22a]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3c40431a}.modal-footer[data-v-ce13e22a]{padding:24px 32px;display:flex;gap:12px;justify-content:flex-end;background-color:var(--bg-hover);border-top:1px solid var(--border-color);border-radius:0 0 var(--radius) var(--radius);flex-shrink:0}.btn-secondary[data-v-ce13e22a]{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary[data-v-ce13e22a]:hover{background:var(--border-color);color:var(--text-primary);border-color:var(--border-hover)}.btn-success[data-v-ce13e22a]{background:var(--success-color);color:var(--bg-card);border-color:var(--success-color)}.btn-success[data-v-ce13e22a]:hover{background:#0f5a2a;border-color:#0f5a2a;transform:translateY(-1px);box-shadow:0 4px 12px #1373334d}.btn-danger[data-v-ce13e22a]{background:var(--error-color);color:var(--bg-card);border-color:var(--error-color)}.btn-danger[data-v-ce13e22a]:hover{background:#a01816;border-color:#a01816;transform:translateY(-1px);box-shadow:0 4px 12px #c5221f4d}.loading-state[data-v-ce13e22a]{text-align:center;padding:60px 20px;color:var(--text-secondary)}.loading-state i[data-v-ce13e22a]{font-size:2rem;margin-bottom:16px;color:var(--accent-primary)}.empty-state[data-v-ce13e22a]{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state i[data-v-ce13e22a]{font-size:3rem;margin-bottom:16px;color:var(--text-tertiary)}.empty-state h3[data-v-ce13e22a]{font-size:1.25rem;color:var(--text-primary);margin-bottom:8px;font-weight:600}.empty-state p[data-v-ce13e22a]{font-size:1rem;margin:0}.filters-section[data-v-ce13e22a]{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;width:100%}.filter-group[data-v-ce13e22a]{display:flex;gap:1rem;align-items:center;width:100%;flex-wrap:nowrap}.search-bar[data-v-ce13e22a]{flex:2;min-width:200px;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:.9rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.search-bar[data-v-ce13e22a]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3c40431a}.filter-select[data-v-ce13e22a]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:.9rem;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:120px;flex:1}.filter-select[data-v-ce13e22a]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3c40431a}.btn-secondary[data-v-ce13e22a]{padding:.75rem 1.5rem;background:var(--accent-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0}.btn-secondary[data-v-ce13e22a]:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-secondary i[data-v-ce13e22a]{font-size:.8rem}@media (max-width: 768px){.penerimaan-permohonan-cuti[data-v-ce13e22a]{padding:16px}.control-panel[data-v-ce13e22a]{padding:20px}.filters-section[data-v-ce13e22a]{padding:1rem}.filter-group[data-v-ce13e22a]{flex-direction:column;align-items:stretch;flex-wrap:wrap}.search-bar[data-v-ce13e22a],.filter-select[data-v-ce13e22a]{min-width:auto;flex:none}.btn-secondary[data-v-ce13e22a]{flex:none}.stats-row[data-v-ce13e22a]{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card[data-v-ce13e22a]{padding:20px 16px}.stat-content h3[data-v-ce13e22a]{font-size:2rem}.requests-section[data-v-ce13e22a]{padding:20px}.section-header[data-v-ce13e22a]{flex-direction:column;gap:12px;align-items:flex-start}.leave-actions[data-v-ce13e22a]{flex-direction:column}.btn[data-v-ce13e22a]{width:100%}.modal-content[data-v-ce13e22a]{width:95%;margin:20px}.modal-header[data-v-ce13e22a],.modal-body[data-v-ce13e22a],.modal-footer[data-v-ce13e22a]{padding:20px}}@media (max-width: 480px){.stats-row[data-v-ce13e22a]{grid-template-columns:1fr}.leave-header[data-v-ce13e22a]{flex-direction:column;gap:12px;align-items:flex-start}.leave-info-row[data-v-ce13e22a]{flex-direction:column;gap:8px;align-items:flex-start}.modern-alert[data-v-ce13e22a]{top:4.5rem!important;right:12px!important;left:12px!important;padding:16px!important}.page-header[data-v-ce13e22a]{flex-direction:column;align-items:flex-start}.header-actions[data-v-ce13e22a]{width:100%;justify-content:flex-start}.header-actions .btn[data-v-ce13e22a]{width:100%;justify-content:center}}.modern-alert[data-v-ce13e22a]{position:fixed;top:6rem;right:24px;z-index:999;min-width:400px;max-width:500px;background:var(--bg-card);border-radius:var(--radius);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;overflow:hidden;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert-content[data-v-ce13e22a]{display:flex;align-items:flex-start;padding:20px;gap:16px}.alert-icon[data-v-ce13e22a]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px}.alert-text[data-v-ce13e22a]{flex:1;min-width:0}.alert-title[data-v-ce13e22a]{font-weight:700;font-size:1rem;margin-bottom:4px;line-height:1.4}.alert-message[data-v-ce13e22a]{font-size:.9rem;line-height:1.5;opacity:.9}.alert-close[data-v-ce13e22a]{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;transition:all .2s ease;color:inherit;opacity:.6}.alert-close[data-v-ce13e22a]:hover{opacity:1;background:#0000000d}.alert-progress[data-v-ce13e22a]{height:3px;background:linear-gradient(90deg,transparent,currentColor,transparent);animation:progress-animation-ce13e22a 5s linear forwards}.alert-success[data-v-ce13e22a]{border-left:4px solid var(--success-color);color:var(--success-color)}.alert-success .alert-icon[data-v-ce13e22a]{background:#1373331a;color:var(--success-color)}.alert-error[data-v-ce13e22a]{border-left:4px solid var(--error-color);color:var(--error-color)}.alert-error .alert-icon[data-v-ce13e22a]{background:#c5221f1a;color:var(--error-color)}.alert-warning[data-v-ce13e22a]{border-left:4px solid var(--warning-color);color:var(--warning-color)}.alert-warning .alert-icon[data-v-ce13e22a]{background:#ea86001a;color:var(--warning-color)}.alert-info[data-v-ce13e22a]{border-left:4px solid var(--accent-primary);color:var(--accent-primary)}.alert-info .alert-icon[data-v-ce13e22a]{background:#3c40431a;color:var(--accent-primary)}.progress-success[data-v-ce13e22a]{background:linear-gradient(90deg,transparent,var(--success-color),transparent)}.progress-error[data-v-ce13e22a]{background:linear-gradient(90deg,transparent,var(--error-color),transparent)}.progress-warning[data-v-ce13e22a]{background:linear-gradient(90deg,transparent,var(--warning-color),transparent)}.progress-info[data-v-ce13e22a]{background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.alert-slide-enter-active[data-v-ce13e22a]{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.alert-slide-leave-active[data-v-ce13e22a]{transition:all .3s ease-in}.alert-slide-enter-from[data-v-ce13e22a],.alert-slide-leave-to[data-v-ce13e22a]{transform:translate(100%) scale(.9);opacity:0}@keyframes progress-animation-ce13e22a{0%{width:100%;opacity:.8}to{width:0%;opacity:.3}}@media (max-width: 768px){.modern-alert[data-v-ce13e22a]{top:5rem;right:16px;left:16px;min-width:auto;max-width:none}}.profile-container[data-v-22e059b1]{max-width:800px;margin:0 auto;padding:var(--space-8);background-color:var(--bg-secondary);min-height:100vh}.profile-header[data-v-22e059b1]{text-align:center;margin-bottom:2rem}.profile-header h1[data-v-22e059b1]{font-size:2rem;font-weight:700;color:#1e3a8a;margin-bottom:.5rem}.profile-header p[data-v-22e059b1]{color:var(--text-secondary);font-size:1rem}.profile-content[data-v-22e059b1]{display:flex;flex-direction:column;gap:2rem}.profile-card[data-v-22e059b1]{background:var(--bg-secondary);border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.profile-avatar-section[data-v-22e059b1]{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.profile-avatar[data-v-22e059b1]{position:relative;width:120px;height:120px;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,#e0e7ff,#f0fdfa);box-shadow:0 8px 25px #3b82f626;display:flex;align-items:center;justify-content:center;overflow:visible}.avatar-image[data-v-22e059b1]{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 2px 8px #3b82f61a}.avatar-text[data-v-22e059b1]{font-size:2.5rem;font-weight:700;color:#6366f1;background:linear-gradient(135deg,#e0e7ff,#f0fdfa);width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid #fff;box-shadow:0 2px 8px #3b82f61a}.avatar-actions[data-v-22e059b1]{display:flex;gap:1rem}.change-avatar-btn[data-v-22e059b1]{background:#f4f4f5;border:1px solid #e5e7eb;color:#1e40af;border-radius:8px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.change-avatar-btn[data-v-22e059b1]:hover:not(:disabled){background:#e0e7ef;color:#1e3a8a;border-color:#cbd5e1}.change-avatar-btn[data-v-22e059b1]:disabled{opacity:.7;cursor:not-allowed;transform:scale(.98)}.change-avatar-btn[data-v-22e059b1]:disabled:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer-22e059b1 1.5s infinite}.delete-avatar-btn[data-v-22e059b1]{background:#f4f4f5;border:1px solid #e5e7eb;color:#b91c1c;border-radius:8px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.delete-avatar-btn[data-v-22e059b1]:hover:not(:disabled){background:#f3e8e8;color:#991b1b;border-color:#fca5a5}.delete-avatar-btn[data-v-22e059b1]:disabled{opacity:.7;cursor:not-allowed;transform:scale(.98)}.delete-avatar-btn[data-v-22e059b1]:disabled:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer-22e059b1 1.5s infinite}@keyframes shimmer-22e059b1{0%{left:-100%}to{left:100%}}.profile-info[data-v-22e059b1]{display:flex;flex-direction:column;gap:1.5rem}.info-group[data-v-22e059b1]{display:flex;flex-direction:column;gap:.5rem}.info-group label[data-v-22e059b1]{font-weight:600;color:var(--text-primary);font-size:.875rem}.info-field[data-v-22e059b1]{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid #e5e7eb}.info-field span[data-v-22e059b1]{color:#1e3a8a;font-weight:500}.form-input[data-v-22e059b1]{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary)}.form-input[data-v-22e059b1]:focus{outline:none;border-color:var(--primary-color)}.info-field span[data-v-22e059b1]{color:var(--text-primary);font-weight:500}.edit-btn[data-v-22e059b1]{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s}.edit-btn[data-v-22e059b1]:hover{background:#3b82f61a}.edit-input[data-v-22e059b1]{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s}.edit-input[data-v-22e059b1]:focus{outline:none;border-color:#3b82f6}.action-buttons[data-v-22e059b1]{display:flex;gap:1rem;margin-top:1rem}.save-btn[data-v-22e059b1],.cancel-btn[data-v-22e059b1]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;border:none}.save-btn[data-v-22e059b1]{background:#3b82f6;color:#fff}.save-btn[data-v-22e059b1]:hover:not(:disabled){background:#2563eb}.save-btn[data-v-22e059b1]:disabled{opacity:.6;cursor:not-allowed}.cancel-btn[data-v-22e059b1]{background:#f3f4f6;color:var(--text-primary);border:1px solid #d1d5db}.cancel-btn[data-v-22e059b1]:hover{background:#e5e7eb}.error-message[data-v-22e059b1]{color:#dc2626;font-size:.875rem;margin-top:.5rem;padding:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.form-group[data-v-22e059b1]{margin-bottom:1.5rem}.form-group label[data-v-22e059b1]{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.875rem}.form-input[data-v-22e059b1]{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-input[data-v-22e059b1]:focus{outline:none;border-color:#3b82f6}.icon[data-v-22e059b1]{font-size:1rem}.loading-spinner[data-v-22e059b1]{animation:spin-22e059b1 1s linear infinite}@keyframes spin-22e059b1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-loading-spinner[data-v-22e059b1]{display:inline-flex;align-items:center;justify-content:center;margin-right:6px}.spinner-ring[data-v-22e059b1]{width:18px;height:18px;border:2px solid transparent;border-top:2px solid #3b82f6;border-right:2px solid #3b82f6;border-radius:50%;animation:modern-spin-22e059b1 .8s cubic-bezier(.68,-.55,.265,1.55) infinite;position:relative}.spinner-ring[data-v-22e059b1]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid transparent;border-top:2px solid #60a5fa;border-radius:50%;animation:modern-spin-22e059b1 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite reverse}@keyframes modern-spin-22e059b1{0%{transform:rotate(0);opacity:1}50%{transform:rotate(180deg);opacity:.8}to{transform:rotate(360deg);opacity:1}}.loading-container[data-v-22e059b1],.error-container[data-v-22e059b1]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-container .loading-spinner[data-v-22e059b1]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;margin-bottom:1rem;animation:spin-22e059b1 1s linear infinite}.error-container .error-icon[data-v-22e059b1]{font-size:3rem;margin-bottom:1rem}.error-container p[data-v-22e059b1]{color:#dc2626;margin-bottom:1.5rem;font-size:1.1rem}.retry-btn[data-v-22e059b1]{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.section-title[data-v-22e059b1]{color:#1e3a8a;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.info-grid[data-v-22e059b1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.status-badge[data-v-22e059b1]{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase}.status-active[data-v-22e059b1]{background:#dcfce7;color:#166534}.status-inactive[data-v-22e059b1]{background:#fef2f2;color:#dc2626}.status-resigned[data-v-22e059b1]{background:#fef3c7;color:#d97706}.status-terminated[data-v-22e059b1]{background:#fee2e2;color:#b91c1c}.status-default[data-v-22e059b1]{background:#f3f4f6;color:#374151}.role-badge[data-v-22e059b1]{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase}.role-hr[data-v-22e059b1]{background:#fef3c7;color:#d97706}.role-program-manager[data-v-22e059b1]{background:#dbeafe;color:#1d4ed8}.role-distribution-manager[data-v-22e059b1]{background:#e0e7ff;color:#7c3aed}.role-employee[data-v-22e059b1]{background:#dcfce7;color:#166534}.role-admin[data-v-22e059b1]{background:#fee2e2;color:#dc2626}.role-manager[data-v-22e059b1]{background:#f0fdfa;color:#0f766e}.role-default[data-v-22e059b1]{background:#f3f4f6;color:#374151}.today-status-section[data-v-22e059b1]{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.status-grid[data-v-22e059b1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.status-item[data-v-22e059b1]{background:var(--bg-tertiary);border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.status-item label[data-v-22e059b1]{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:.875rem}.status-value[data-v-22e059b1]{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.time-info[data-v-22e059b1]{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.attendance-present[data-v-22e059b1]{color:#166534}.attendance-late[data-v-22e059b1]{color:#d97706}.attendance-absent[data-v-22e059b1]{color:#dc2626}.attendance-leave[data-v-22e059b1]{color:#7c3aed}.attendance-default[data-v-22e059b1]{color:#374151}.leave-quota-card[data-v-22e059b1]{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.leave-quota-card h3[data-v-22e059b1]{color:#1e3a8a;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.quota-container[data-v-22e059b1]{margin-bottom:1.5rem}.quota-parameters[data-v-22e059b1]{display:flex;flex-direction:column;gap:1rem}.quota-param[data-v-22e059b1]{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.param-label[data-v-22e059b1]{font-size:.875rem;font-weight:600;color:#374151;min-width:120px}.param-display[data-v-22e059b1]{display:flex;align-items:center;gap:.75rem;flex:1;max-width:200px}.param-text[data-v-22e059b1]{font-size:.875rem;font-weight:600;color:#1e3a8a;min-width:60px;text-align:center}.param-bar[data-v-22e059b1]{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.param-progress[data-v-22e059b1]{height:100%;border-radius:3px;transition:width .3s ease}.param-progress.annual[data-v-22e059b1]{background:#3b82f6}.param-progress.sick[data-v-22e059b1]{background:#f59e0b}.param-progress.emergency[data-v-22e059b1]{background:#ef4444}.param-progress.maternity[data-v-22e059b1]{background:#ec4899}.param-progress.paternity[data-v-22e059b1]{background:#3b82f6}.param-progress.marriage[data-v-22e059b1]{background:#10b981}.param-progress.bereavement[data-v-22e059b1]{background:#6b7280}.param-progress.default[data-v-22e059b1]{background:#3b82f6}.quota-actions[data-v-22e059b1]{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-ajukan-cuti[data-v-22e059b1]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.btn-ajukan-cuti[data-v-22e059b1]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d;background:linear-gradient(135deg,#2563eb,#1e40af)}.loading-state[data-v-22e059b1],.error-state[data-v-22e059b1],.empty-state[data-v-22e059b1]{text-align:center;padding:1rem;color:#6b7280;background:#f9fafb;border-radius:8px;font-size:.875rem}.statistics-card[data-v-22e059b1]{background:var(--bg-secondary);border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.statistics-card h3[data-v-22e059b1]{color:#1e3a8a;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.statistics-grid[data-v-22e059b1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.stat-content[data-v-22e059b1]{flex:1}.stat-label[data-v-22e059b1]{font-size:.875rem;color:#64748b;margin-top:.25rem}.stat-item[data-v-22e059b1]{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid #e5e7eb;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible;box-shadow:0 3px 12px #0000001f}.stat-item[onclick][data-v-22e059b1]{cursor:pointer}.stat-item[onclick][data-v-22e059b1]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.stat-item[data-v-22e059b1]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003;border-color:#93c5fd;background:linear-gradient(135deg,#fefefe,#f0f9ff)}.stat-item:hover .stat-icon[data-v-22e059b1]{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#93c5fd,#7dd3fc);color:#fff;animation:pulse-22e059b1 2s infinite;box-shadow:0 6px 20px #00000040}.stat-item:hover .stat-value[data-v-22e059b1]{color:#0369a1;transform:scale(1.05)}.stat-item:hover .stat-label[data-v-22e059b1]{color:#64748b}.stat-tooltip[data-v-22e059b1]{position:absolute;top:-10px;left:50%;transform:translate(-50%) translateY(-100%);z-index:1000;pointer-events:none;animation:tooltipFadeIn-22e059b1 .3s ease-out}.tooltip-content[data-v-22e059b1]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0c4a6e;padding:1rem;border-radius:12px;box-shadow:0 10px 25px #0000004d;min-width:250px;position:relative;border:1px solid #bae6fd}.tooltip-content[data-v-22e059b1]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#bae6fd}.tooltip-content h4[data-v-22e059b1]{margin:0 0 .5rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:#0c4a6e}.tooltip-content p[data-v-22e059b1]{margin:0 0 .75rem;font-size:.875rem;line-height:1.4;color:#475569}.tooltip-details[data-v-22e059b1]{padding-top:.5rem;border-top:1px solid rgba(186,230,253,.4)}.tooltip-details span[data-v-22e059b1]{font-size:.8rem;font-weight:500;color:#0369a1}@keyframes tooltipFadeIn-22e059b1{0%{opacity:0;transform:translate(-50%) translateY(-90%)}to{opacity:1;transform:translate(-50%) translateY(-100%)}}@keyframes pulse-22e059b1{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stat-icon[data-v-22e059b1]{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 10px #00000026}.stat-value[data-v-22e059b1]{font-size:1.5rem;font-weight:700;color:#0c4a6e;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.profile-container[data-v-22e059b1]{padding:1rem}.profile-card[data-v-22e059b1],.leave-quota-card[data-v-22e059b1],.statistics-card[data-v-22e059b1]{padding:1.5rem}.info-grid[data-v-22e059b1],.status-grid[data-v-22e059b1]{grid-template-columns:1fr}.statistics-grid[data-v-22e059b1]{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item[data-v-22e059b1]{flex-direction:column;text-align:center;gap:.5rem;padding:.75rem}.stat-icon[data-v-22e059b1]{width:32px;height:32px;font-size:1.25rem}.stat-value[data-v-22e059b1]{font-size:1.25rem;font-weight:600}.stat-label[data-v-22e059b1]{font-size:.75rem;line-height:1.2}.stat-tooltip[data-v-22e059b1]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000}.tooltip-content[data-v-22e059b1]{min-width:280px;max-width:90vw}.quota-param[data-v-22e059b1]{flex-direction:column;align-items:flex-start;gap:.5rem}.param-display[data-v-22e059b1]{width:100%;max-width:none}.param-label[data-v-22e059b1]{min-width:auto}.avatar-actions[data-v-22e059b1]{flex-direction:column;width:100%}.change-avatar-btn[data-v-22e059b1],.delete-avatar-btn[data-v-22e059b1]{width:100%;justify-content:center}}.modal-overlay[data-v-22e059b1]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal-content[data-v-22e059b1]{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-22e059b1]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.modal-header h3[data-v-22e059b1]{margin:0;color:#0c4a6e;font-size:1.25rem;font-weight:600}.close-btn[data-v-22e059b1]{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;color:#64748b;transition:all .2s}.close-btn[data-v-22e059b1]:hover{background:#0000000d;color:#374151}.modal-body[data-v-22e059b1]{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 80px)}.documents-grid[data-v-22e059b1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.document-card[data-v-22e059b1]{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.document-card[data-v-22e059b1]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#93c5fd}.document-icon[data-v-22e059b1]{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;box-shadow:0 2px 6px #0000001a}.document-info[data-v-22e059b1]{flex:1;min-width:0}.document-info h4[data-v-22e059b1]{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#0c4a6e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-info p[data-v-22e059b1]{margin:0 0 .5rem;font-size:.875rem;color:#64748b;line-height:1.4}.document-meta[data-v-22e059b1]{display:flex;gap:1rem;font-size:.75rem}.document-type[data-v-22e059b1]{background:#e0f2fe;color:#0369a1;padding:.25rem .5rem;border-radius:4px;font-weight:500}.document-date[data-v-22e059b1]{color:#64748b}.document-actions[data-v-22e059b1]{display:flex;gap:.5rem}.download-btn[data-v-22e059b1]{background:none;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.download-btn[data-v-22e059b1]{color:#0369a1}.download-btn[data-v-22e059b1]:hover{background:#e0f2fe;border-color:#93c5fd}.loading-state[data-v-22e059b1],.error-state[data-v-22e059b1],.empty-state[data-v-22e059b1]{text-align:center;padding:3rem 1rem}.loading-state .loading-spinner[data-v-22e059b1]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;margin:0 auto 1rem;animation:spin-22e059b1 1s linear infinite}.empty-icon[data-v-22e059b1]{font-size:3rem;margin-bottom:1rem;opacity:.5}.retry-btn[data-v-22e059b1]{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:1rem}.retry-btn[data-v-22e059b1]:hover{background:#2563eb}@media (max-width: 768px){.modal-content[data-v-22e059b1]{margin:1rem;max-width:calc(100vw - 2rem)}.documents-grid[data-v-22e059b1]{grid-template-columns:1fr}.document-card[data-v-22e059b1]{flex-direction:column;text-align:center}.document-actions[data-v-22e059b1]{justify-content:center}.training-grid[data-v-22e059b1]{display:grid;gap:1rem}.training-card[data-v-22e059b1]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s}.training-card[data-v-22e059b1]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.training-header[data-v-22e059b1]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.training-icon[data-v-22e059b1]{font-size:2rem;width:50px;height:50px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:12px;display:flex;align-items:center;justify-content:center}.training-info[data-v-22e059b1]{flex:1}.training-title[data-v-22e059b1]{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#1e293b}.training-provider[data-v-22e059b1]{margin:0;color:#64748b;font-size:.9rem}.training-status[data-v-22e059b1]{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-completed[data-v-22e059b1]{background:#dcfce7;color:#166534}.status-ongoing[data-v-22e059b1]{background:#fef3c7;color:#92400e}.status-pending[data-v-22e059b1]{background:#dbeafe;color:#1e40af}.status-cancelled[data-v-22e059b1]{background:#fee2e2;color:#991b1b}.status-unknown[data-v-22e059b1]{background:#f3f4f6;color:#374151}.training-details[data-v-22e059b1]{margin-top:1rem}.training-meta[data-v-22e059b1]{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.training-date[data-v-22e059b1],.training-duration[data-v-22e059b1]{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem}.training-description[data-v-22e059b1]{color:#475569;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.training-certificate[data-v-22e059b1]{margin-top:1rem}.certificate-link[data-v-22e059b1]{display:inline-flex;align-items:center;gap:.5rem;color:#3b82f6;text-decoration:none;font-weight:600;padding:.5rem 1rem;border:1px solid #3b82f6;border-radius:8px;transition:all .2s}.certificate-link[data-v-22e059b1]:hover{background:#3b82f6;color:#fff}.promotion-grid[data-v-22e059b1]{display:grid;gap:1rem}.promotion-card[data-v-22e059b1]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s}.promotion-card[data-v-22e059b1]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.promotion-header[data-v-22e059b1]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.promotion-icon[data-v-22e059b1]{font-size:2rem;width:50px;height:50px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;display:flex;align-items:center;justify-content:center}.promotion-info[data-v-22e059b1]{flex:1}.promotion-title[data-v-22e059b1]{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#1e293b}.promotion-department[data-v-22e059b1]{margin:0;color:#64748b;font-size:.9rem}.promotion-status[data-v-22e059b1]{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-approved[data-v-22e059b1]{background:#dcfce7;color:#166534}.status-pending[data-v-22e059b1]{background:#fef3c7;color:#92400e}.status-rejected[data-v-22e059b1]{background:#fee2e2;color:#991b1b}.status-completed[data-v-22e059b1]{background:#dbeafe;color:#1e40af}.promotion-details[data-v-22e059b1]{margin-top:1rem}.promotion-meta[data-v-22e059b1]{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.promotion-date[data-v-22e059b1],.promotion-level[data-v-22e059b1]{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem}.promotion-changes[data-v-22e059b1]{background:#f8fafc;border-radius:8px;padding:1rem;margin-bottom:1rem}.change-item[data-v-22e059b1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.change-item[data-v-22e059b1]:last-child{margin-bottom:0}.change-label[data-v-22e059b1]{font-weight:600;color:#475569;font-size:.9rem}.change-value[data-v-22e059b1]{color:#1e293b;font-weight:500;font-size:.9rem}.promotion-reason[data-v-22e059b1]{margin-bottom:1rem}.promotion-reason strong[data-v-22e059b1]{color:#475569;font-size:.9rem}.promotion-reason p[data-v-22e059b1]{margin:.5rem 0 0;color:#64748b;font-size:.9rem;line-height:1.5}.promotion-approver[data-v-22e059b1]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f0f9ff;border-radius:8px;border-left:4px solid #3b82f6}.approver-label[data-v-22e059b1]{color:#475569;font-size:.9rem;font-weight:600}.approver-name[data-v-22e059b1]{color:#1e293b;font-weight:500;font-size:.9rem}.years-service-content[data-v-22e059b1]{max-width:600px;margin:0 auto}.years-simple-info[data-v-22e059b1]{background:#fff;border-radius:12px;padding:2rem}.info-section[data-v-22e059b1]{margin-bottom:2rem}.info-section[data-v-22e059b1]:last-child{margin-bottom:0}.info-section h4[data-v-22e059b1]{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#1e293b;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.employee-name[data-v-22e059b1]{font-size:1.2rem;font-weight:600;color:#3b82f6;margin:0;padding:.75rem;background:#f0f9ff;border-radius:8px;border-left:4px solid #3b82f6}.join-info[data-v-22e059b1]{display:grid;gap:1rem}.info-row[data-v-22e059b1]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.info-label[data-v-22e059b1]{font-weight:600;color:#475569;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.info-value[data-v-22e059b1]{color:#1e293b;font-weight:500;font-size:.9rem}.info-row[data-v-22e059b1]{flex-direction:column;align-items:flex-start;gap:.5rem}}.settings-container[data-v-425d6d7b]{max-width:900px;margin:0 auto;padding:var(--space-8);background-color:var(--bg-secondary);min-height:100vh}.settings-header[data-v-425d6d7b]{text-align:center;margin-bottom:2rem}.settings-header h1[data-v-425d6d7b]{font-size:2rem;font-weight:700;color:#1e3a8a;margin-bottom:.5rem}.settings-header p[data-v-425d6d7b]{color:#64748b;font-size:1rem}.settings-content[data-v-425d6d7b]{display:flex;flex-direction:column;gap:2rem}.settings-card[data-v-425d6d7b]{background:var(--bg-secondary);border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.card-header[data-v-425d6d7b]{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.card-header h3[data-v-425d6d7b]{font-size:1.25rem;font-weight:600;color:#1e3a8a;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.card-header p[data-v-425d6d7b]{color:#64748b;font-size:.875rem;margin:0}.settings-group[data-v-425d6d7b]{display:flex;flex-direction:column;gap:1.5rem}.setting-item[data-v-425d6d7b]{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s}.setting-item[data-v-425d6d7b]:hover{background:#f1f5f9;border-color:#cbd5e1}.setting-info[data-v-425d6d7b]{flex:1}.setting-info h4[data-v-425d6d7b]{margin:0 0 .25rem;color:#374151;font-size:1rem;font-weight:600}.setting-info p[data-v-425d6d7b]{margin:0;color:#64748b;font-size:.875rem}.setting-select[data-v-425d6d7b]{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:var(--bg-secondary);color:#374151;font-size:.875rem;cursor:pointer;transition:border-color .2s;min-width:120px}.setting-select[data-v-425d6d7b]:focus{outline:none;border-color:#3b82f6}.toggle-switch[data-v-425d6d7b]{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input[data-v-425d6d7b]{opacity:0;width:0;height:0}.toggle-slider[data-v-425d6d7b]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.toggle-slider[data-v-425d6d7b]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--bg-secondary);transition:.3s;border-radius:50%}input:checked+.toggle-slider[data-v-425d6d7b]{background-color:#3b82f6}input:checked+.toggle-slider[data-v-425d6d7b]:before{transform:translate(26px)}.security-btn[data-v-425d6d7b],.warning-btn[data-v-425d6d7b],.info-btn[data-v-425d6d7b]{padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;border:none;font-size:.875rem}.security-btn[data-v-425d6d7b]{background:#dc2626;color:#fff}.security-btn[data-v-425d6d7b]:hover{background:#b91c1c}.warning-btn[data-v-425d6d7b]{background:#f59e0b;color:#fff}.warning-btn[data-v-425d6d7b]:hover{background:#d97706}.info-btn[data-v-425d6d7b]{background:#3b82f6;color:#fff}.info-btn[data-v-425d6d7b]:hover{background:#2563eb}.info-display[data-v-425d6d7b]{padding:.5rem 1rem;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:.5rem;font-size:.875rem;background:#f8fafc;color:#374151;border:1px solid #e5e7eb;min-width:120px;justify-content:center}.info-display.status-online[data-v-425d6d7b]{background:#dcfce7;color:#166534;border-color:#bbf7d0}.icon[data-v-425d6d7b]{font-size:1rem}@media (max-width: 768px){.settings-container[data-v-425d6d7b]{padding:1rem}.settings-card[data-v-425d6d7b]{padding:1.5rem}.setting-item[data-v-425d6d7b]{flex-direction:column;align-items:flex-start;gap:1rem}.setting-select[data-v-425d6d7b]{width:100%}.security-btn[data-v-425d6d7b],.warning-btn[data-v-425d6d7b],.info-btn[data-v-425d6d7b],.info-display[data-v-425d6d7b]{width:100%;justify-content:center}}@media (max-width: 600px){.settings-container[data-v-425d6d7b]{padding:var(--space-2)}.settings-card[data-v-425d6d7b]{padding:1rem}.settings-header h1[data-v-425d6d7b]{font-size:1.25rem}.card-header h3[data-v-425d6d7b]{font-size:1rem}}[data-v-9b212ec1]:root{--primary: #007aff;--primary-light: #e6f2ff;--primary-dark: #005ecb;--success: #34c759;--success-light: #eaf9ee;--warning: #ff9500;--warning-light: #fff5e6;--error: #ff3b30;--error-light: #ffebed;--bg: #f7f8fc;--bg-card: #ffffff;--border: #e1e4e8;--text-main: #1c1c1e;--text-secondary: #5a6474;--text-muted: #8a94a6;--radius: 12px;--radius-sm: 8px;--shadow-soft: 0 4px 12px rgba(0, 0, 0, .08);--shadow-interactive: 0 2px 6px rgba(0, 122, 255, .2)}.employee-request-leave-container[data-v-9b212ec1]{max-width:900px;margin:var(--space-8) auto;padding:var(--space-4);background-color:var(--bg-secondary);min-height:100vh}.form-card[data-v-9b212ec1],.history-card[data-v-9b212ec1]{background:#fff;border-radius:14px;box-shadow:0 2px 12px #0001;border:1.5px solid #e3e7ed;padding:32px 28px 28px;margin-bottom:32px}.form-title[data-v-9b212ec1]{font-size:1.4rem;font-weight:700;margin-bottom:18px;color:#1a237e}.form-info[data-v-9b212ec1]{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:6px;margin-bottom:16px;color:#2e7d32;font-size:.8rem;line-height:1.4}.form-info i[data-v-9b212ec1]{color:#4caf50;font-size:.9rem;margin-top:1px;flex-shrink:0}.leave-form[data-v-9b212ec1]{display:flex;flex-direction:column;gap:18px}.form-row[data-v-9b212ec1]{display:flex;gap:18px;flex-wrap:wrap}.form-group[data-v-9b212ec1]{flex:1 1 180px;display:flex;flex-direction:column;gap:6px}.form-group label[data-v-9b212ec1]{font-weight:500;color:#374151;margin-bottom:2px}.form-input[data-v-9b212ec1],.filter-select[data-v-9b212ec1]{padding:10px 12px;border-radius:8px;border:1.2px solid #cfd8dc;font-size:1rem;background:#f8fafc;color:#1a237e;outline:none;transition:border .2s}.form-input[data-v-9b212ec1]:focus,.filter-select[data-v-9b212ec1]:focus{border-color:#1976d2}.form-actions[data-v-9b212ec1]{display:flex;gap:16px;margin-top:8px}.btn[data-v-9b212ec1]{padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:background .2s}.btn-primary[data-v-9b212ec1]{background:#1976d2;color:#fff}.btn-primary[data-v-9b212ec1]:disabled{background:#90caf9;cursor:not-allowed}.btn-secondary[data-v-9b212ec1]{background:#e3e7ed;color:#374151}.history-header[data-v-9b212ec1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.filter-controls[data-v-9b212ec1]{display:flex;align-items:center;gap:8px}.table-responsive[data-v-9b212ec1]{overflow-x:auto}.leave-table[data-v-9b212ec1]{width:100%;border-collapse:collapse;font-size:1rem;background:#fff}.leave-table th[data-v-9b212ec1],.leave-table td[data-v-9b212ec1]{padding:12px 10px;border-bottom:1px solid #e3e7ed;text-align:left;vertical-align:top}.leave-table th[data-v-9b212ec1]{background:#f5f7fa;color:#1a237e;font-weight:700}.status-badge[data-v-9b212ec1]{display:inline-block;padding:6px 16px;border-radius:16px;font-size:.95rem;font-weight:600;text-align:center;min-width:90px}.status-badge.approved[data-v-9b212ec1]{background:#eaf9ee;color:#34c759}.status-badge.rejected[data-v-9b212ec1]{background:#ffebed;color:#ff3b30}.status-badge.pending[data-v-9b212ec1]{background:#e6f3ff;color:#1976d2}.status-badge.expired[data-v-9b212ec1]{background:#6b7280;color:#fff}.empty-state[data-v-9b212ec1]{text-align:center;color:#b0b7c3;font-size:1.1rem;padding:24px 0}.duration-info[data-v-9b212ec1]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#e6f2ff,#f0f8ff);border:1px solid #b3d9ff;border-radius:8px;margin-top:8px;color:#1a237e;font-size:.9rem}.duration-info i[data-v-9b212ec1]{color:#1976d2;font-size:1rem}.emergency-info[data-v-9b212ec1]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#fff5e6,#fff8f0);border:1px solid #ffcc80;border-radius:8px;margin-top:8px;color:#e65100;font-size:.9rem}.emergency-info i[data-v-9b212ec1]{color:#ff9500;font-size:1rem}.emergency-fields[data-v-9b212ec1]{background:#fff8f0;border:1px solid #ffcc80;border-radius:8px;padding:16px;margin-top:8px}.emergency-fields .form-group[data-v-9b212ec1]{margin-bottom:16px}.emergency-fields .form-group[data-v-9b212ec1]:last-child{margin-bottom:0}.form-help[data-v-9b212ec1]{display:block;margin-top:4px;font-size:.85rem;color:#666;font-style:italic}.reason-cell[data-v-9b212ec1]{width:250px;max-width:250px;min-width:200px}.reason-content[data-v-9b212ec1]{display:flex;flex-direction:column;gap:6px;width:100%}.reason-text-wrapper[data-v-9b212ec1]{min-height:40px;display:flex;align-items:flex-start}.reason-text[data-v-9b212ec1]{line-height:1.4;word-wrap:break-word;display:block;width:100%}.view-more-btn[data-v-9b212ec1]{background:none;border:none;color:#1976d2;font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 8px;text-decoration:underline;transition:all .2s;align-self:flex-start;border-radius:4px;margin-top:2px;pointer-events:auto;z-index:1;position:relative}.view-more-btn[data-v-9b212ec1]:hover{color:#1565c0;text-decoration:none;background-color:#f0f8ff}.view-more-btn[data-v-9b212ec1]:focus{outline:none;color:#1565c0;background-color:#e3f2fd}.view-more-btn[data-v-9b212ec1]:active{transform:translateY(1px)}.whatsapp-notification-section[data-v-9b212ec1]{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-top:20px}.whatsapp-notification-section h3[data-v-9b212ec1]{color:#333;font-size:1.1rem;margin-bottom:15px;font-weight:600;display:flex;align-items:center;gap:8px}.whatsapp-notification-section h3[data-v-9b212ec1]:before{content:"";width:20px;height:20px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2325D366"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488"/></svg>') no-repeat center;background-size:contain}.whatsapp-options[data-v-9b212ec1]{margin-bottom:15px}.whatsapp-option[data-v-9b212ec1]{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border-radius:8px;transition:background-color .2s}.whatsapp-option[data-v-9b212ec1]:hover{background-color:#f0f0f0}.whatsapp-checkbox[data-v-9b212ec1]{display:none}.checkmark[data-v-9b212ec1]{width:20px;height:20px;border:2px solid #ddd;border-radius:4px;position:relative;transition:all .2s}.whatsapp-checkbox:checked+.checkmark[data-v-9b212ec1]{background-color:#25d366;border-color:#25d366}.whatsapp-checkbox:checked+.checkmark[data-v-9b212ec1]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.option-content[data-v-9b212ec1]{display:flex;align-items:center;gap:10px;flex:1}.option-content i[data-v-9b212ec1]{color:#25d366;font-size:1.2rem}.option-text[data-v-9b212ec1]{display:flex;flex-direction:column}.option-text strong[data-v-9b212ec1]{color:#333;font-size:.95rem}.option-text small[data-v-9b212ec1]{color:#666;font-size:.85rem}.whatsapp-preview[data-v-9b212ec1]{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.preview-header[data-v-9b212ec1]{background:#25d366;color:#fff;padding:10px 15px;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600}.preview-header i[data-v-9b212ec1]{font-size:1rem}.whatsapp-message[data-v-9b212ec1]{padding:15px;line-height:1.5;color:#333}.whatsapp-message p[data-v-9b212ec1]{margin:0 0 8px}.whatsapp-message p[data-v-9b212ec1]:last-child{margin-bottom:0}@media (max-width: 700px){.form-row[data-v-9b212ec1]{flex-direction:column;gap:10px}.form-card[data-v-9b212ec1],.history-card[data-v-9b212ec1]{padding:16px 12px}.employee-request-leave-container[data-v-9b212ec1]{padding:8px}.leave-table th[data-v-9b212ec1],.leave-table td[data-v-9b212ec1]{padding:8px 4px;font-size:.85rem}.leave-table[data-v-9b212ec1]{font-size:.85rem}.form-title[data-v-9b212ec1]{font-size:1.5rem;margin-bottom:1rem}.form-info[data-v-9b212ec1]{font-size:.75rem;padding:8px 10px;line-height:1.3}.form-group label[data-v-9b212ec1]{font-size:.9rem;margin-bottom:.5rem}.form-input[data-v-9b212ec1]{font-size:.9rem;padding:10px 12px}.form-help[data-v-9b212ec1]{font-size:.8rem}.duration-info[data-v-9b212ec1],.emergency-info[data-v-9b212ec1]{font-size:.85rem;padding:10px}.reason-cell[data-v-9b212ec1]{width:150px;max-width:150px;min-width:120px}.reason-text-wrapper[data-v-9b212ec1]{min-height:35px}.view-more-btn[data-v-9b212ec1]{font-size:.75rem;padding:3px 6px}.whatsapp-notification-section h3[data-v-9b212ec1]{font-size:1.1rem}.option-text strong[data-v-9b212ec1]{font-size:.9rem}.option-text small[data-v-9b212ec1]{font-size:.8rem}}@media (max-width: 480px){.reason-cell[data-v-9b212ec1]{width:120px;max-width:120px;min-width:100px}.reason-text[data-v-9b212ec1]{font-size:.9rem}.view-more-btn[data-v-9b212ec1]{font-size:.7rem;padding:2px 4px}.whatsapp-notification-section[data-v-9b212ec1]{padding:15px}.whatsapp-option[data-v-9b212ec1]{padding:10px}.option-content[data-v-9b212ec1]{gap:8px}.option-content i[data-v-9b212ec1]{font-size:1rem}.option-text strong[data-v-9b212ec1]{font-size:.9rem}.option-text small[data-v-9b212ec1]{font-size:.8rem}}.morning-reflection-history[data-v-236965b8]{padding:var(--space-6);max-width:1200px;margin:0 auto;background-color:var(--bg-secondary);min-height:100vh}.page-header[data-v-236965b8]{margin-bottom:var(--spacing-xl)}.header-content[data-v-236965b8]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.header-text[data-v-236965b8]{flex:1}.header-text h1[data-v-236965b8]{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:2rem;font-weight:600}.header-text p[data-v-236965b8]{margin:0;color:var(--text-muted);font-size:var(--font-size-md)}.header-description[data-v-236965b8]{margin:0;color:var(--text-muted);font-size:var(--font-size-md);font-weight:400;line-height:1.5}.header-actions[data-v-236965b8]{display:flex;gap:var(--spacing-md)}.status-btn[data-v-236965b8]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.status-btn[data-v-236965b8]:hover{background:var(--primary-color-dark, #2563eb);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.status-btn[data-v-236965b8]:active{transform:translateY(0)}.filter-section[data-v-236965b8]{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color)}.filter-group[data-v-236965b8]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-group label[data-v-236965b8]{font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.filter-select[data-v-236965b8]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);min-width:180px}.filter-select[data-v-236965b8]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.history-table-container[data-v-236965b8]{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color);overflow:hidden}.loading-state[data-v-236965b8],.empty-state[data-v-236965b8]{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.loading-state i[data-v-236965b8]{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--primary-color)}.empty-state i[data-v-236965b8]{font-size:3rem;margin-bottom:var(--spacing-md);color:var(--text-muted)}.empty-state h3[data-v-236965b8]{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.history-table[data-v-236965b8]{width:100%;border-collapse:collapse}.history-table th[data-v-236965b8]{background:var(--bg-tertiary);padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.history-table td[data-v-236965b8]{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.history-row[data-v-236965b8]:hover{background:var(--bg-tertiary)}.date-cell[data-v-236965b8]{font-weight:500}.day-cell[data-v-236965b8]{color:var(--text-muted)}.time-cell[data-v-236965b8]{font-family:monospace;font-weight:500}.status-badge[data-v-236965b8]{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:500}.status-present[data-v-236965b8]{background:#10b9811a;color:var(--success-color)}.status-late[data-v-236965b8]{background:#f59e0b1a;color:var(--warning-color)}.status-absent[data-v-236965b8]{background:#ef44441a;color:var(--danger-color)}.status-leave[data-v-236965b8]{background:#3b82f61a;color:var(--info-color)}.status-izin[data-v-236965b8]{background:#ff8c001a;color:#ff8c00}.status-unknown[data-v-236965b8],.status-not-worship[data-v-236965b8]{background:#6b72801a;color:var(--text-muted)}.pagination[data-v-236965b8]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.pagination-btn[data-v-236965b8]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.pagination-btn[data-v-236965b8]:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn[data-v-236965b8]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-236965b8]{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}@media (max-width: 768px){.morning-reflection-history[data-v-236965b8]{padding:var(--spacing-md)}.header-content[data-v-236965b8]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-text[data-v-236965b8]{text-align:left}.header-actions[data-v-236965b8]{width:100%}.status-btn[data-v-236965b8]{width:100%;justify-content:center}.filter-section[data-v-236965b8]{flex-direction:column;gap:var(--spacing-md)}.filter-select[data-v-236965b8]{min-width:100%}.history-table[data-v-236965b8]{font-size:var(--font-size-xs)}.history-table th[data-v-236965b8],.history-table td[data-v-236965b8]{padding:var(--spacing-sm)}.page-header h1[data-v-236965b8]{font-size:1.5rem}}.table-scroll[data-v-b1ed92f6]{width:100%;overflow-x:auto}.table-scroll .attendance-table[data-v-b1ed92f6]{min-width:1000px}.ga-dashboard[data-v-b1ed92f6]{padding:var(--space-5);max-width:1200px;margin:0 auto;background-color:var(--bg-secondary);min-height:100vh}.dashboard-header[data-v-b1ed92f6]{text-align:center;margin-bottom:30px}.dashboard-header h1[data-v-b1ed92f6]{margin:0 0 10px;color:#2c3e50;font-size:28px}.page-title[data-v-b1ed92f6]{font-weight:700;font-size:32px;color:#1a365d;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:-.5px}.dashboard-header p[data-v-b1ed92f6]{margin:0;color:#7f8c8d;font-size:16px}.stats-grid[data-v-b1ed92f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-b1ed92f6]{display:flex;align-items:center;gap:15px;padding:20px;background:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-icon[data-v-b1ed92f6]{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-icon.present[data-v-b1ed92f6]{background:#2ecc711a;color:#27ae60}.stat-icon.late[data-v-b1ed92f6]{background:#f39c121a;color:#f39c12}.stat-icon.leave[data-v-b1ed92f6]{background:#3498db1a;color:#3498db}.stat-icon.izin[data-v-b1ed92f6]{background:#6f42c11f;color:#6f42c1}.stat-content h3[data-v-b1ed92f6]{margin:0 0 5px;font-size:24px;font-weight:700;color:#2c3e50}.stat-content p[data-v-b1ed92f6]{margin:0;color:#7f8c8d;font-size:14px}.filter-section[data-v-b1ed92f6]{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px}.filter-row[data-v-b1ed92f6]{display:flex;gap:20px;flex-wrap:wrap;align-items:end}.filter-group[data-v-b1ed92f6]{display:flex;flex-direction:column;gap:5px}.filter-group label[data-v-b1ed92f6]{font-weight:500;color:#2c3e50;font-size:14px}.filter-group input[data-v-b1ed92f6],.filter-group select[data-v-b1ed92f6]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px}.table-container[data-v-b1ed92f6]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.attendance-table[data-v-b1ed92f6]{width:100%;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.attendance-table th[data-v-b1ed92f6]{background:#f8f9fa;padding:15px 12px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:1px solid #e1e8ed;font-size:14px;vertical-align:middle}.attendance-table td[data-v-b1ed92f6]{padding:15px 12px;border-bottom:1px solid #f1f3f4;vertical-align:middle;font-size:14px;line-height:1.4}.attendance-table tr[data-v-b1ed92f6]:hover{background:#f8f9fa}.status-badge[data-v-b1ed92f6]{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;text-align:center;display:inline-block;min-width:80px}.status-present[data-v-b1ed92f6]{background-color:#27ae60;color:#fff;padding:4px 6px;border-radius:4px;font-size:10px;font-weight:600;text-align:center;min-width:45px;display:inline-block}.status-late[data-v-b1ed92f6]{background-color:#f39c12;color:#fff;padding:4px 6px;border-radius:4px;font-size:10px;font-weight:600;text-align:center;min-width:45px;display:inline-block}.status-leave[data-v-b1ed92f6]{background-color:#3498db;color:#fff;padding:4px 6px;border-radius:4px;font-size:10px;font-weight:600;text-align:center;min-width:45px;display:inline-block}.status-absent[data-v-b1ed92f6]{background-color:#e74c3c;color:#fff;padding:4px 6px;border-radius:4px;font-size:10px;font-weight:600;text-align:center;min-width:45px;display:inline-block}.status-izin[data-v-b1ed92f6]{background-color:#9b59b6;color:#fff;padding:4px 6px;border-radius:4px;font-size:10px;font-weight:600;text-align:center;min-width:45px;display:inline-block}.status-badge.status-present[data-v-b1ed92f6]{background:#2ecc711a;color:#27ae60}.status-badge.status-late[data-v-b1ed92f6]{background:#f39c121a;color:#f39c12}.status-badge.status-leave[data-v-b1ed92f6]{background:#3498db1a;color:#3498db}.status-badge.status-absent[data-v-b1ed92f6]{background-color:#e74c3c;color:#fff}.status-badge.status-izin[data-v-b1ed92f6]{background:#6f42c11f;color:#6f42c1}.btn-refresh[data-v-b1ed92f6]{background:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-refresh[data-v-b1ed92f6]:hover:not(:disabled){background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db66}.btn-refresh[data-v-b1ed92f6]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-reset[data-v-b1ed92f6]{padding:6px 10px;border:none;border-radius:4px;background:#3498db;color:#fff;cursor:pointer;font-size:12px}.btn-reset[data-v-b1ed92f6]:hover{background:#2980b9}.no-data[data-v-b1ed92f6]{text-align:center;padding:40px 20px;color:#666}.no-data i[data-v-b1ed92f6]{font-size:48px;margin-bottom:16px;color:#ddd}.loading-state[data-v-b1ed92f6]{text-align:center;padding:40px 20px;color:#3498db}.loading-state i[data-v-b1ed92f6]{font-size:48px;margin-bottom:16px}.error-state[data-v-b1ed92f6]{text-align:center;padding:40px 20px;color:#e74c3c}.error-state i[data-v-b1ed92f6]{font-size:48px;margin-bottom:16px}.btn-retry[data-v-b1ed92f6]{margin-top:16px;padding:8px 16px;border:none;border-radius:4px;background:#e74c3c;color:#fff;cursor:pointer}.btn-retry[data-v-b1ed92f6]:hover{background:#c0392b}.no-data p[data-v-b1ed92f6]{margin:0 0 8px;font-size:16px;font-weight:500}.no-data small[data-v-b1ed92f6]{color:#999}.tab-navigation[data-v-b1ed92f6]{display:flex;gap:0;margin-bottom:30px;background:#f8f9fa;border-radius:8px;padding:4px;box-shadow:0 2px 4px #0000001a}.tab-button[data-v-b1ed92f6]{flex:1;padding:12px 20px;border:none;background:transparent;color:#6c757d;cursor:pointer;border-radius:6px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.tab-button[data-v-b1ed92f6]:hover{background:#e9ecef;color:#495057}.tab-button.active[data-v-b1ed92f6]{background:#007bff;color:#fff;box-shadow:0 2px 4px #007bff4d}.tab-button i[data-v-b1ed92f6]{font-size:16px}.tab-content[data-v-b1ed92f6]{animation:fadeIn-b1ed92f6 .3s ease-in-out}@keyframes fadeIn-b1ed92f6{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-badge.status-pending[data-v-b1ed92f6]{background:#ffc1071a;color:#ffc107}.status-badge.status-approved[data-v-b1ed92f6]{background:#28a7451a;color:#28a745}.status-badge.status-rejected[data-v-b1ed92f6]{background:#dc35451a;color:#dc3545}.status-badge.status-expired[data-v-b1ed92f6]{background:#6c757d1a;color:#6c757d}.stat-icon.pending[data-v-b1ed92f6]{background:linear-gradient(135deg,#ffc107,#fd7e14)}.stat-icon.approved[data-v-b1ed92f6]{background:linear-gradient(135deg,#28a745,#20c997)}.stat-icon.rejected[data-v-b1ed92f6]{background:linear-gradient(135deg,#dc3545,#e83e8c)}.stat-icon.total[data-v-b1ed92f6]{background:linear-gradient(135deg,#6f42c1,#6610f2)}.reason-cell[data-v-b1ed92f6]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#495057}.reason-cell[data-v-b1ed92f6]:hover{white-space:normal;word-wrap:break-word}.approver-cell[data-v-b1ed92f6]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#495057;vertical-align:middle;font-weight:500}.number-cell[data-v-b1ed92f6]{font-size:14px;color:#6c757d;font-weight:500;text-align:center;width:50px}.status-cell[data-v-b1ed92f6]{text-align:center;vertical-align:middle}.employee-name-cell[data-v-b1ed92f6]{font-weight:500;color:#2c3e50;font-size:14px}.date-cell[data-v-b1ed92f6]{font-size:14px;color:#495057;font-weight:400}.duration-cell[data-v-b1ed92f6]{font-size:14px;color:#495057;font-weight:500;text-align:center}.leave-type-cell[data-v-b1ed92f6]{font-size:14px;color:#495057;font-weight:500}.btn-all-data[data-v-b1ed92f6]{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-all-data[data-v-b1ed92f6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #11998e66}.btn-all-data[data-v-b1ed92f6]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-back-date[data-v-b1ed92f6]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-back-date[data-v-b1ed92f6]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.pagination-container[data-v-b1ed92f6]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 0;border-top:1px solid #e9ecef}.pagination-info[data-v-b1ed92f6]{color:#6c757d;font-size:14px}.pagination-controls[data-v-b1ed92f6]{display:flex;align-items:center;gap:8px}.btn-pagination[data-v-b1ed92f6]{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.btn-pagination[data-v-b1ed92f6]:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;color:#495057}.btn-pagination[data-v-b1ed92f6]:disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa}.page-numbers[data-v-b1ed92f6]{display:flex;gap:4px}.btn-page[data-v-b1ed92f6]{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.btn-page[data-v-b1ed92f6]:hover{background:#e9ecef;border-color:#adb5bd;color:#495057}.btn-page.active[data-v-b1ed92f6]{background:#007bff;border-color:#007bff;color:#fff}.btn-page.active[data-v-b1ed92f6]:hover{background:#0056b3;border-color:#0056b3}@media (max-width: 768px){.pagination-container[data-v-b1ed92f6]{flex-direction:column;gap:15px;text-align:center}.pagination-controls[data-v-b1ed92f6]{flex-wrap:wrap;justify-content:center}.btn-pagination[data-v-b1ed92f6],.btn-page[data-v-b1ed92f6]{min-width:35px;height:35px;padding:6px 10px;font-size:12px}}@media (max-width: 768px){.ga-dashboard[data-v-b1ed92f6]{padding:15px}.stats-grid[data-v-b1ed92f6]{grid-template-columns:repeat(2,1fr);gap:15px}.filter-section[data-v-b1ed92f6]{flex-direction:column;gap:15px}.filter-group input[data-v-b1ed92f6],.filter-group select[data-v-b1ed92f6]{min-width:auto}.attendance-table[data-v-b1ed92f6]{font-size:14px}.attendance-table th[data-v-b1ed92f6],.attendance-table td[data-v-b1ed92f6]{padding:10px}.attendance-table th[data-v-b1ed92f6]:nth-child(8),.attendance-table td[data-v-b1ed92f6]:nth-child(8){display:none}}.input-date-manual[data-v-b1ed92f6]{padding:8px 14px;border:1.5px solid #d0e3f7;border-radius:8px;background:#fff;font-size:15px;color:#222e3a;transition:border .2s,box-shadow .2s;box-shadow:0 1px 4px #3498db0f}.input-date-manual[data-v-b1ed92f6]:focus{outline:none;border-color:#3498db;box-shadow:0 2px 8px #3498db21}.dropdown-status-beauty[data-v-b1ed92f6]{padding:9px 16px;border:1.5px solid #b6d6f6;border-radius:8px;background:#fff;font-size:15px;color:#222e3a;transition:border .2s,box-shadow .2s;box-shadow:0 1px 4px #3498db0f;min-width:120px;cursor:pointer}.dropdown-status-beauty[data-v-b1ed92f6]:hover,.dropdown-status-beauty[data-v-b1ed92f6]:focus{border-color:#3498db;box-shadow:0 2px 12px #3498db21;outline:none}.dropdown-status-beauty option[value=""][data-v-b1ed92f6]{color:#b0b8c1;font-style:italic}.manual-attendance-table[data-v-b1ed92f6]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #3498db12;overflow:hidden}.manual-attendance-table th[data-v-b1ed92f6]{background:#f8f9fa;padding:15px 12px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:1px solid #e1e8ed;font-size:14px;vertical-align:middle}.manual-attendance-table td[data-v-b1ed92f6]{padding:15px 12px;border-bottom:1px solid #f1f3f4;vertical-align:middle;font-size:14px;line-height:1.4}.method-badge[data-v-b1ed92f6]{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.method-badge.method-online[data-v-b1ed92f6]{background-color:#3498db;color:#fff}.method-badge.method-manual[data-v-b1ed92f6]{background-color:#f39c12;color:#fff}.manual-attendance-section[data-v-b1ed92f6]{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}.manual-attendance-actions[data-v-b1ed92f6]{display:flex;gap:10px;justify-content:center;margin-top:10px}.btn-submit-manual[data-v-b1ed92f6]{background:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s ease}.btn-submit-manual[data-v-b1ed92f6]:hover{background:#2980b9}.btn-submit-manual[data-v-b1ed92f6]:disabled{opacity:.6;cursor:not-allowed}.leave-text[data-v-b1ed92f6]{color:#dc3545;font-weight:600;font-size:15px;padding:9px 16px;background:#fff;border-radius:8px;display:inline-block;min-width:120px;text-align:center;border:1.5px solid rgba(220,53,69,.3);box-sizing:border-box;cursor:default;transition:border .2s,box-shadow .2s;box-shadow:0 1px 4px #dc35451a;vertical-align:middle}.leave-text[data-v-b1ed92f6]:hover{border-color:#dc3545;box-shadow:0 2px 12px #dc354533}.employee-on-leave[data-v-b1ed92f6]{background-color:#dc35450d}.employee-on-leave[data-v-b1ed92f6]:hover{background-color:#dc354514}.status-badge[data-v-b1ed92f6]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-pending[data-v-b1ed92f6]{background-color:#ff9800;color:#fff}.status-badge.status-approved[data-v-b1ed92f6]{background-color:#4caf50;color:#fff}.status-badge.status-rejected[data-v-b1ed92f6]{background-color:#f44336;color:#fff}.stat-icon.pending[data-v-b1ed92f6]{background:linear-gradient(135deg,#ff9800,#f57c00)}.stat-icon.rejected[data-v-b1ed92f6]{background:linear-gradient(135deg,#f44336,#d32f2f)}.monthly-table-container[data-v-b1ed92f6]{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;margin-bottom:30px}.monthly-table-header[data-v-b1ed92f6]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.monthly-table-title[data-v-b1ed92f6]{font-size:20px;font-weight:600;margin:0}.monthly-filters[data-v-b1ed92f6]{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.monthly-filter-group[data-v-b1ed92f6]{display:flex;flex-direction:column;gap:5px}.monthly-filter-group label[data-v-b1ed92f6]{font-size:12px;font-weight:500;opacity:.9}.monthly-filter-group select[data-v-b1ed92f6]{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#fff;font-size:14px;min-width:100px}.monthly-filter-group select option[data-v-b1ed92f6]{background:#667eea;color:#fff}.monthly-export-buttons[data-v-b1ed92f6]{display:flex;gap:10px}.header-controls[data-v-b1ed92f6]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.export-buttons[data-v-b1ed92f6]{display:flex;gap:8px;flex-shrink:0}.filter-section[data-v-b1ed92f6]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 768px){.header-controls[data-v-b1ed92f6]{flex-direction:column;align-items:stretch;gap:10px}.export-buttons[data-v-b1ed92f6],.filter-section[data-v-b1ed92f6]{justify-content:center}}.btn-export[data-v-b1ed92f6]{background:#28a745;color:#fff;border:1px solid #28a745;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #0000001a}.btn-export[data-v-b1ed92f6]:hover{background:#218838;border-color:#1e7e34;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-export[data-v-b1ed92f6]:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.monthly-table[data-v-b1ed92f6]{width:100%;border-collapse:collapse;font-size:12px}.monthly-table th[data-v-b1ed92f6],.monthly-table td[data-v-b1ed92f6]{border:1px solid #e9ecef;padding:8px 4px;text-align:center;vertical-align:middle}.monthly-table th[data-v-b1ed92f6]{background:#f8f9fa;font-weight:600;color:#495057;position:sticky;top:0;z-index:10}.monthly-table .employee-info[data-v-b1ed92f6]{text-align:left;padding:8px 12px;background:#f8f9fa;position:sticky;left:0;z-index:5;min-width:200px}.monthly-table .employee-name[data-v-b1ed92f6]{font-weight:600;color:#2c3e50;margin-bottom:2px}.monthly-table .employee-position[data-v-b1ed92f6]{font-size:11px;color:#6c757d}.monthly-table .day-header[data-v-b1ed92f6]{min-width:35px;font-size:11px;writing-mode:vertical-rl;text-orientation:mixed}.monthly-table .summary-header[data-v-b1ed92f6]{background:#e3f2fd;color:#1976d2;font-weight:700;min-width:40px}.monthly-table .summary-cell[data-v-b1ed92f6]{background:#f5f5f5;font-weight:600;color:#2c3e50}.monthly-status-badge[data-v-b1ed92f6]{display:inline-block;width:20px;height:20px;border-radius:50%;color:#fff;font-size:10px;font-weight:700;line-height:20px;text-align:center}.monthly-badge-present[data-v-b1ed92f6]{background:#28a745}.monthly-badge-late[data-v-b1ed92f6]{background:#ffc107;color:#212529}.monthly-badge-leave[data-v-b1ed92f6]{background:#17a2b8}.monthly-badge-izin[data-v-b1ed92f6]{background:#6f42c1}.monthly-badge-absent[data-v-b1ed92f6]{background:#dc3545}.monthly-stats[data-v-b1ed92f6]{padding:20px;background:#f8f9fa;border-top:1px solid #e9ecef}.monthly-stats-title[data-v-b1ed92f6]{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:15px}.monthly-stats-grid[data-v-b1ed92f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.monthly-stat-item[data-v-b1ed92f6]{text-align:center;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.monthly-stat-value[data-v-b1ed92f6]{font-size:24px;font-weight:700;margin-bottom:5px}.monthly-stat-label[data-v-b1ed92f6]{font-size:12px;color:#6c757d;font-weight:500}.stat-present .monthly-stat-value[data-v-b1ed92f6]{color:#28a745}.stat-late .monthly-stat-value[data-v-b1ed92f6]{color:#ffc107}.stat-leave .monthly-stat-value[data-v-b1ed92f6]{color:#17a2b8}.stat-izin .monthly-stat-value[data-v-b1ed92f6]{color:#6f42c1}.stat-absent .monthly-stat-value[data-v-b1ed92f6]{color:#dc3545}@media (max-width: 768px){.monthly-table-header[data-v-b1ed92f6]{flex-direction:column;align-items:stretch;text-align:center}.monthly-filters[data-v-b1ed92f6],.monthly-export-buttons[data-v-b1ed92f6]{justify-content:center}.monthly-table[data-v-b1ed92f6]{font-size:10px}.monthly-table .employee-info[data-v-b1ed92f6]{min-width:150px;padding:6px 8px}.monthly-table .day-header[data-v-b1ed92f6]{min-width:25px}.monthly-status-badge[data-v-b1ed92f6]{width:16px;height:16px;line-height:16px;font-size:8px}.monthly-stats-grid[data-v-b1ed92f6]{grid-template-columns:repeat(2,1fr)}}.attendance[data-v-ece62191]{min-height:100vh;background:var(--bg-secondary);padding:var(--space-8)}.header[data-v-ece62191]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--white);border-radius:12px;box-shadow:var(--shadow)}.header-left h1[data-v-ece62191]{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.header-left p[data-v-ece62191]{color:var(--gray-600);margin:0}.time-info[data-v-ece62191]{text-align:right}.current-time .time[data-v-ece62191]{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.current-time .date[data-v-ece62191]{display:block;font-size:.875rem;color:var(--gray-600);margin-top:.25rem}.content[data-v-ece62191]{max-width:1200px;margin:0 auto}.section[data-v-ece62191]{background:var(--white);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.section-header[data-v-ece62191]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.section-header h2[data-v-ece62191]{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.section-header-actions[data-v-ece62191]{display:flex;gap:1rem}.filters[data-v-ece62191]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem;border-bottom:1px solid var(--gray-200);background:var(--white)}.filter-group[data-v-ece62191]{display:flex;flex-direction:column;gap:.5rem}.filter-group label[data-v-ece62191]{font-size:.875rem;font-weight:500;color:var(--gray-700)}.filter-input[data-v-ece62191],.filter-select[data-v-ece62191]{padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;background:var(--white);transition:border-color .2s ease}.filter-input[data-v-ece62191]:focus,.filter-select[data-v-ece62191]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.loading-state[data-v-ece62191],.error-state[data-v-ece62191]{display:flex;justify-content:center;align-items:center;padding:3rem;text-align:center}.loading-spinner[data-v-ece62191]{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner i[data-v-ece62191]{font-size:2rem;color:var(--primary-color)}.loading-spinner p[data-v-ece62191]{color:var(--gray-600);margin:0}.error-message[data-v-ece62191]{display:flex;flex-direction:column;align-items:center;gap:1rem}.error-message i[data-v-ece62191]{font-size:2rem;color:var(--error-color)}.error-message p[data-v-ece62191]{color:var(--gray-700);margin:0}.table-container[data-v-ece62191]{overflow-x:auto}.attendance-table[data-v-ece62191]{width:100%;border-collapse:collapse;background:var(--white)}.attendance-table th[data-v-ece62191]{background:var(--gray-50);padding:1rem;text-align:left;font-weight:600;color:var(--gray-700);border-bottom:1px solid var(--gray-200);font-size:.875rem}.attendance-table td[data-v-ece62191]{padding:1rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}.attendance-table tbody tr[data-v-ece62191]:hover{background:var(--gray-50)}.employee-info[data-v-ece62191]{display:flex;flex-direction:column;gap:.25rem}.employee-info strong[data-v-ece62191]{color:var(--gray-900);font-weight:600}.status-badge[data-v-ece62191]{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.success[data-v-ece62191]{background:var(--success-color);color:#fff}.status-badge.warning[data-v-ece62191]{background:var(--warning-color);color:#fff}.status-badge.danger[data-v-ece62191]{background:var(--error-color);color:#fff}.status-badge.info[data-v-ece62191]{background:var(--info-color);color:#fff}.status-badge.secondary[data-v-ece62191]{background:var(--gray-500);color:#fff}.status-badge.status-present[data-v-ece62191]{background:#10b981;color:#fff}.status-badge.status-late[data-v-ece62191]{background:#f59e0b;color:#fff}.status-badge.status-absent[data-v-ece62191]{background:#ef4444;color:#fff}.status-badge.status-izin[data-v-ece62191]{background:#6f42c1;color:#fff}.time-attended[data-v-ece62191]{color:var(--success-color);font-weight:600}.time-not-attended[data-v-ece62191]{color:var(--gray-500);font-style:italic}.action-buttons[data-v-ece62191]{display:flex;gap:.5rem}.status-select[data-v-ece62191]{padding:.375rem .75rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;background:var(--white);cursor:pointer;transition:border-color .2s ease}.status-select[data-v-ece62191]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.status-select[data-v-ece62191]:disabled{opacity:.6;cursor:not-allowed}.empty-state[data-v-ece62191]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--gray-500)}.empty-state i[data-v-ece62191]{font-size:3rem;margin-bottom:1rem}.empty-state p[data-v-ece62191]{margin:0;font-size:1rem}.pagination[data-v-ece62191]{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;border-top:1px solid var(--gray-200);background:var(--gray-50)}.btn-pagination[data-v-ece62191]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--gray-300);border-radius:6px;background:var(--white);color:var(--gray-700);cursor:pointer;transition:all .2s ease}.btn-pagination[data-v-ece62191]:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.btn-pagination[data-v-ece62191]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-ece62191]{font-size:.875rem;color:var(--gray-600);font-weight:500}.btn[data-v-ece62191]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary[data-v-ece62191]{background:var(--primary-color);color:#fff}.btn-primary[data-v-ece62191]:hover:not(:disabled){background:var(--primary-dark)}.btn-primary[data-v-ece62191]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.attendance[data-v-ece62191]{padding:1rem}.header[data-v-ece62191]{flex-direction:column;gap:1rem;text-align:center}.time-info[data-v-ece62191]{text-align:center}.section-header[data-v-ece62191]{flex-direction:column;gap:1rem;align-items:stretch}.section-header-actions[data-v-ece62191]{justify-content:center}.filters[data-v-ece62191]{grid-template-columns:1fr}.attendance-table[data-v-ece62191]{font-size:.875rem}.attendance-table th[data-v-ece62191],.attendance-table td[data-v-ece62191]{padding:.75rem .5rem}.pagination[data-v-ece62191]{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.attendance-table[data-v-ece62191]{font-size:.75rem}.attendance-table th[data-v-ece62191],.attendance-table td[data-v-ece62191]{padding:.5rem .25rem}.status-badge[data-v-ece62191]{font-size:.625rem;padding:.125rem .5rem}.btn[data-v-ece62191]{padding:.375rem .75rem;font-size:.75rem}}.zoom-link-editor[data-v-15965cc7]{max-width:800px;margin:0 auto;padding:1rem}.card[data-v-15965cc7]{border:none;border-radius:12px;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;overflow:hidden;margin-bottom:1.5rem}.card[data-v-15965cc7]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.card-header[data-v-15965cc7]{background-color:#f8f9fc;border-bottom:1px solid #e3e6f0;padding:1.25rem}.card-body[data-v-15965cc7]{padding:1.25rem}.form-group[data-v-15965cc7]{margin-bottom:1.5rem;transition:all .3s ease}.form-group[data-v-15965cc7]:hover{transform:translate(2px)}.form-control[data-v-15965cc7]{border:1px solid #d1d3e2;border-radius:.35rem;padding:.375rem .75rem}.btn[data-v-15965cc7]{border-radius:.35rem;padding:.375rem .75rem}.btn-primary[data-v-15965cc7]{background-color:#4e73df;border-color:#4e73df;color:#fff}.btn-primary[data-v-15965cc7]:disabled{background-color:#a5b6ee;border-color:#a5b6ee}.btn-secondary[data-v-15965cc7]{background-color:#858796;border-color:#858796;color:#fff}.alert[data-v-15965cc7]{border-radius:8px;padding:16px 20px;margin-top:1rem;transition:all .3s ease;border:none}.alert[data-v-15965cc7]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.alert-success[data-v-15965cc7]{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger[data-v-15965cc7]{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-info[data-v-15965cc7]{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.text-break[data-v-15965cc7]{word-break:break-all}.d-flex[data-v-15965cc7]{display:flex;gap:.5rem;margin-top:1rem}.mt-3[data-v-15965cc7]{margin-top:1rem}.spinner-border[data-v-15965cc7]{display:inline-block;width:1em;height:1em;border:.15em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border-15965cc7 .75s linear infinite}@keyframes spinner-border-15965cc7{to{transform:rotate(360deg)}}.badge[data-v-15965cc7]{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge.bg-secondary[data-v-15965cc7]{color:#fff;background-color:#6c757d}.header-content[data-v-15965cc7]{display:flex;align-items:center;gap:16px}.header-icon[data-v-15965cc7]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#2d3748,#4a5568);border-radius:12px;transition:all .3s ease}.header-icon i[data-v-15965cc7]{font-size:20px;color:#fff;transition:all .3s ease}.header-icon[data-v-15965cc7]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2d37484d;background:linear-gradient(135deg,#1a202c,#2d3748)}.header-icon:hover i[data-v-15965cc7]{transform:scale(1.1)}.header-text h3[data-v-15965cc7]{margin:0;font-size:1.5rem;font-weight:600;color:#2d3748}.header-text p[data-v-15965cc7]{margin:4px 0 0;color:#718096;font-size:.9rem}.card-header[data-v-15965cc7]{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:1px solid #E2E8F0;padding:1.5rem;border-radius:12px 12px 0 0}.form-control[data-v-15965cc7]{border:2px solid #E2E8F7;border-radius:8px;padding:12px 16px;transition:all .3s ease;font-size:14px}.form-control[data-v-15965cc7]:focus{border-color:#2d3748;box-shadow:0 0 0 3px #2d37481a;outline:none}.form-control[data-v-15965cc7]:hover{border-color:#cbd5e0}.btn[data-v-15965cc7]{border-radius:8px;padding:12px 24px;font-weight:500;transition:all .3s ease;border:none;cursor:pointer}.btn-primary[data-v-15965cc7]{background:linear-gradient(135deg,#2d3748,#4a5568);color:#fff}.btn-primary[data-v-15965cc7]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2d37484d;background:linear-gradient(135deg,#1a202c,#2d3748)}.btn-secondary[data-v-15965cc7]{background:#718096;color:#fff}.btn-secondary[data-v-15965cc7]:hover:not(:disabled){background:#4a5568;transform:translateY(-1px);box-shadow:0 4px 12px #7180964d}.alert[data-v-15965cc7]{border-radius:8px;padding:16px 20px;border:none;margin-top:1rem}.alert-info[data-v-15965cc7]{background:linear-gradient(135deg,#ebf8ff,#bee3f8);color:#2c5282;border-left:4px solid #3182CE}@media (max-width: 768px){.header-content[data-v-15965cc7]{flex-direction:column;text-align:center;gap:12px}.header-icon[data-v-15965cc7]{width:40px;height:40px}.header-icon i[data-v-15965cc7]{font-size:18px}.header-text h3[data-v-15965cc7]{font-size:1.3rem}}.btn-outline-warning[data-v-15965cc7]{color:#856404;border-color:#ffeaa7;background-color:transparent;transition:all .3s ease}.btn-outline-warning[data-v-15965cc7]:hover{background-color:#856404;border-color:#856404;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #8564044d}.btn-outline-danger[data-v-15965cc7]{color:#721c24;border-color:#f5c6cb;background-color:transparent;transition:all .3s ease}.btn-outline-danger[data-v-15965cc7]:hover{background-color:#721c24;border-color:#721c24;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #721c244d}.btn-sm[data-v-15965cc7]{padding:.25rem .5rem;font-size:.875rem;border-radius:6px}.me-2[data-v-15965cc7]{margin-right:.5rem}.modal-overlay[data-v-d1b4319d]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-5)}.modal-content[data-v-d1b4319d]{background:#fff;border-radius:16px;max-width:480px;width:100%;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.modal-header[data-v-d1b4319d]{text-align:center;padding:32px 32px 0}.modal-icon[data-v-d1b4319d]{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#fef2f2;border-radius:50%;margin-bottom:24px;color:#dc2626}.modal-title[data-v-d1b4319d]{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.modal-body[data-v-d1b4319d]{padding:24px 32px}.modal-message[data-v-d1b4319d]{font-size:16px;color:#374151;margin:0 0 16px;line-height:1.5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.modal-subtitle[data-v-d1b4319d]{font-size:14px;color:#6b7280;margin:0;line-height:1.5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.modal-footer[data-v-d1b4319d]{padding:0 32px 32px}.logout-button[data-v-d1b4319d]{width:100%;padding:12px 24px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.logout-button[data-v-d1b4319d]:hover{background:#b91c1c}.logout-button[data-v-d1b4319d]:active{background:#991b1b}@media (max-width: 640px){.modal-content[data-v-d1b4319d]{margin:20px}.modal-header[data-v-d1b4319d],.modal-body[data-v-d1b4319d],.modal-footer[data-v-d1b4319d]{padding-left:24px;padding-right:24px}.modal-header[data-v-d1b4319d]{padding-top:24px}.modal-footer[data-v-d1b4319d]{padding-bottom:24px}}[data-v-36586277]:root{--primary-color: #1e3a8a;--primary-dark: #1e40af;--secondary-color: #64748b;--error-color: #dc2626;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-focus: #1e3a8a;--background-primary: #ffffff;--background-secondary: #f8fafc;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}.video-background[data-v-36586277]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.background-video[data-v-36586277]{position:absolute;top:50%;left:50%;width:130vw;height:130vh;transform:translate(-50%,-50%) scale(1.3);pointer-events:none;filter:blur(8px) brightness(.7);opacity:.8}.auth-container[data-v-36586277]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:-1}.auth-container[data-v-36586277]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:transparent;position:relative;z-index:1}.auth-content[data-v-36586277]{width:100%;max-width:400px}.auth-card[data-v-36586277]{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:40px;border:1px solid var(--border-color)}.auth-header[data-v-36586277]{text-align:center;margin-bottom:40px}.logo-wrapper[data-v-36586277]{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--background-primary);border-radius:50%;margin-bottom:24px;border:1px solid var(--border-color)}.auth-logo[data-v-36586277]{width:60px;height:60px;border-radius:50%;object-fit:cover}.auth-title[data-v-36586277]{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:8px;line-height:1.3;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-subtitle[data-v-36586277]{color:var(--text-secondary);font-size:14px;font-weight:400;line-height:1.4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-form[data-v-36586277]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-36586277]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-36586277]{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:500;font-size:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.label-icon[data-v-36586277]{color:var(--text-secondary);flex-shrink:0}.input-wrapper[data-v-36586277]{position:relative}.form-input[data-v-36586277]{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:400;color:var(--text-primary);background:var(--background-primary);transition:border-color .2s ease;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.form-input[data-v-36586277]::placeholder{color:var(--text-muted);font-weight:400}.form-input[data-v-36586277]:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px #1e3a8a1a}.form-input.error[data-v-36586277]{border-color:var(--error-color);box-shadow:0 0 0 2px #dc26261a}.password-wrapper[data-v-36586277]{position:relative}.password-toggle[data-v-36586277]{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.password-toggle[data-v-36586277]:hover{color:var(--text-primary);background:var(--background-secondary)}.password-toggle[data-v-36586277]:focus{outline:2px solid var(--border-focus);outline-offset:2px}.error-message[data-v-36586277]{color:var(--error-color);font-size:13px;font-weight:500;margin-top:6px;display:flex;align-items:center;gap:6px}.general-error[data-v-36586277]{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);padding:12px;margin:16px 0;font-size:13px;font-weight:400;color:var(--error-color);display:flex;align-items:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.error-icon[data-v-36586277]{flex-shrink:0}.form-actions[data-v-36586277]{display:flex;justify-content:flex-end;margin-bottom:8px}.forgot-link[data-v-36586277]{color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:600;transition:all .2s ease;padding:4px 8px;border-radius:var(--radius-sm)}.forgot-link[data-v-36586277]:hover{color:var(--primary-dark);background:#1e3a8a0d;text-decoration:none}.auth-button[data-v-36586277]{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-button[data-v-36586277]:hover:not(:disabled){background:var(--primary-dark)}.auth-button[data-v-36586277]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-36586277]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-36586277 1s linear infinite}@keyframes spin-36586277{to{transform:rotate(360deg)}}.auth-footer[data-v-36586277]{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.footer-text[data-v-36586277]{color:var(--text-secondary);font-size:14px;font-weight:400;margin:0}.auth-link[data-v-36586277]{color:var(--primary-color);text-decoration:none;font-weight:600;transition:all .2s ease;padding:2px 4px;border-radius:var(--radius-sm)}.auth-link[data-v-36586277]:hover{color:var(--primary-dark);background:#1e3a8a0d;text-decoration:none}@media (max-width: 640px){.auth-container[data-v-36586277]{padding:16px}.auth-card[data-v-36586277]{padding:32px 24px}.auth-title[data-v-36586277]{font-size:20px}.auth-subtitle[data-v-36586277]{font-size:13px}.logo-wrapper[data-v-36586277]{width:70px;height:70px;margin-bottom:20px}.auth-logo[data-v-36586277]{width:50px;height:50px}}@media (max-width: 480px){.auth-card[data-v-36586277]{padding:24px 20px}.form-input[data-v-36586277]{padding:12px 14px;font-size:14px}.auth-button[data-v-36586277]{padding:12px 20px;min-height:44px}}.auth-button[data-v-36586277]:focus-visible,.form-input[data-v-36586277]:focus-visible,.forgot-link[data-v-36586277]:focus-visible,.auth-link[data-v-36586277]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.loading-spinner[data-v-36586277]{animation:none}[data-v-36586277]{transition:none!important}}.video-background[data-v-d65545af]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.background-video[data-v-d65545af]{position:absolute;top:50%;left:50%;width:130vw;height:130vh;transform:translate(-50%,-50%) scale(1.3);pointer-events:none;filter:blur(8px) brightness(.7);opacity:.8}.auth-container[data-v-d65545af]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:-1}.auth-container[data-v-d65545af]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:var(--space-5);position:relative;z-index:1}.auth-card[data-v-d65545af]{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:450px;padding:40px}.auth-header[data-v-d65545af]{text-align:center;margin-bottom:30px}.auth-logo[data-v-d65545af]{width:80px;height:80px;border-radius:50%;margin-bottom:20px;object-fit:cover}.auth-header h2[data-v-d65545af]{color:#1a202c;font-size:24px;font-weight:600;margin-bottom:8px}.auth-header p[data-v-d65545af]{color:#718096;font-size:14px}.step-indicator[data-v-d65545af]{display:flex;align-items:center;justify-content:center;margin-bottom:30px;padding:0 20px}.step[data-v-d65545af]{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number[data-v-d65545af]{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#718096;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s}.step.active .step-number[data-v-d65545af]{background:#1e3a8a;color:#fff}.step.completed .step-number[data-v-d65545af]{background:#48bb78;color:#fff}.step-label[data-v-d65545af]{font-size:12px;color:#718096;text-align:center}.step.active .step-label[data-v-d65545af]{color:#1e3a8a;font-weight:500}.step-line[data-v-d65545af]{width:40px;height:2px;background:#e2e8f0;margin:0 10px;transition:background .3s}.step-line.completed[data-v-d65545af]{background:#48bb78}.auth-form[data-v-d65545af]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-d65545af]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-d65545af]{color:#2d3748;font-weight:500;font-size:14px}.form-group input[data-v-d65545af]{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .2s}.form-group input[data-v-d65545af]:focus{outline:none;border-color:#1e3a8a}.form-group input.error[data-v-d65545af]{border-color:#e53e3e}.password-input[data-v-d65545af]{position:relative}.password-toggle[data-v-d65545af]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px}.error-message[data-v-d65545af]{color:#e53e3e;font-size:12px;margin-top:4px}.otp-info[data-v-d65545af]{color:#718096;font-size:12px;margin-top:4px}.otp-actions[data-v-d65545af]{display:flex;justify-content:center}.resend-button[data-v-d65545af]{background:none;border:none;color:#1e3a8a;font-size:14px;cursor:pointer;text-decoration:underline}.resend-button[data-v-d65545af]:disabled{color:#718096;cursor:not-allowed;text-decoration:none}.auth-button[data-v-d65545af]{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center;gap:8px}.auth-button[data-v-d65545af]:hover:not(:disabled){transform:translateY(-1px)}.auth-button[data-v-d65545af]:disabled{opacity:.7;cursor:not-allowed}.back-button[data-v-d65545af]{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0;padding:12px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.back-button[data-v-d65545af]:hover{background:#edf2f7;border-color:#cbd5e0}.loading-spinner[data-v-d65545af]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-d65545af 1s linear infinite}@keyframes spin-d65545af{to{transform:rotate(360deg)}}.auth-footer[data-v-d65545af]{text-align:center;margin-top:20px}.auth-footer p[data-v-d65545af]{color:#718096;font-size:14px}.auth-link[data-v-d65545af]{color:#1e3a8a;text-decoration:none;font-weight:500}.auth-link[data-v-d65545af]:hover{text-decoration:underline}@media (max-width: 480px){.auth-card[data-v-d65545af]{padding:30px 20px}.auth-header h2[data-v-d65545af]{font-size:20px}.step-indicator[data-v-d65545af]{padding:0 10px}.step-line[data-v-d65545af]{width:30px;margin:0 5px}.step-label[data-v-d65545af]{font-size:10px}}.video-background[data-v-1bd053c0]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.background-video[data-v-1bd053c0]{position:absolute;top:50%;left:50%;width:130vw;height:130vh;transform:translate(-50%,-50%) scale(1.3);pointer-events:none;filter:blur(8px) brightness(.7);opacity:.8}.auth-container[data-v-1bd053c0]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:-1}.auth-container[data-v-1bd053c0]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:var(--space-5);position:relative;z-index:1}.auth-card[data-v-1bd053c0]{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:450px;padding:40px}.auth-header[data-v-1bd053c0]{text-align:center;margin-bottom:30px}.auth-logo[data-v-1bd053c0]{width:80px;height:80px;border-radius:50%;margin-bottom:20px;object-fit:cover}.auth-header h2[data-v-1bd053c0]{color:#1a202c;font-size:24px;font-weight:600;margin-bottom:8px}.auth-header p[data-v-1bd053c0]{color:#718096;font-size:14px}.step-indicator[data-v-1bd053c0]{display:flex;align-items:center;justify-content:center;margin-bottom:30px;padding:0 20px}.step[data-v-1bd053c0]{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number[data-v-1bd053c0]{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#718096;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s}.step.active .step-number[data-v-1bd053c0]{background:#1e3a8a;color:#fff}.step.completed .step-number[data-v-1bd053c0]{background:#48bb78;color:#fff}.step-label[data-v-1bd053c0]{font-size:12px;color:#718096;text-align:center}.step.active .step-label[data-v-1bd053c0]{color:#1e3a8a;font-weight:500}.step-line[data-v-1bd053c0]{width:40px;height:2px;background:#e2e8f0;margin:0 10px;transition:background .3s}.step-line.completed[data-v-1bd053c0]{background:#48bb78}.auth-form[data-v-1bd053c0]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-1bd053c0]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-1bd053c0]{color:#2d3748;font-weight:500;font-size:14px}.form-group input[data-v-1bd053c0]{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .2s}.form-group input[data-v-1bd053c0]:focus{outline:none;border-color:#1e3a8a}.form-group input.error[data-v-1bd053c0]{border-color:#e53e3e}.password-input[data-v-1bd053c0]{position:relative}.password-toggle[data-v-1bd053c0]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px}.error-message[data-v-1bd053c0]{color:#e53e3e;font-size:12px;margin-top:4px}.help-text[data-v-1bd053c0],.otp-info[data-v-1bd053c0]{color:#718096;font-size:12px;margin-top:4px}.otp-actions[data-v-1bd053c0]{display:flex;justify-content:center}.resend-button[data-v-1bd053c0]{background:none;border:none;color:#1e3a8a;font-size:14px;cursor:pointer;text-decoration:underline}.resend-button[data-v-1bd053c0]:disabled{color:#718096;cursor:not-allowed;text-decoration:none}.auth-button[data-v-1bd053c0]{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.auth-button[data-v-1bd053c0]:hover:not(:disabled){transform:translateY(-1px)}.auth-button[data-v-1bd053c0]:disabled{opacity:.7;cursor:not-allowed}.back-button[data-v-1bd053c0]{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0;padding:12px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.back-button[data-v-1bd053c0]:hover{background:#edf2f7;border-color:#cbd5e0}.back-link[data-v-1bd053c0]{color:#1e3a8a;text-decoration:none;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.back-link[data-v-1bd053c0]:hover{text-decoration:underline}.loading-spinner[data-v-1bd053c0]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-1bd053c0 1s linear infinite}@keyframes spin-1bd053c0{to{transform:rotate(360deg)}}.success-message[data-v-1bd053c0]{text-align:center;padding:20px 0}.success-icon[data-v-1bd053c0]{font-size:48px;margin-bottom:20px}.success-message h3[data-v-1bd053c0]{color:#1a202c;font-size:20px;font-weight:600;margin-bottom:12px}.success-message p[data-v-1bd053c0]{color:#718096;font-size:14px;margin-bottom:24px}.auth-footer[data-v-1bd053c0]{text-align:center;margin-top:20px}@media (max-width: 480px){.auth-card[data-v-1bd053c0]{padding:30px 20px}.auth-header h2[data-v-1bd053c0]{font-size:20px}.step-indicator[data-v-1bd053c0]{padding:0 10px}.step-line[data-v-1bd053c0]{width:30px;margin:0 5px}.step-label[data-v-1bd053c0]{font-size:10px}}.otp-container[data-v-deee9335]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--space-5)}.otp-card[data-v-deee9335]{background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:400px;padding:40px}.otp-header[data-v-deee9335]{text-align:center;margin-bottom:30px}.otp-icon[data-v-deee9335]{font-size:48px;margin-bottom:20px}.otp-header h2[data-v-deee9335]{color:#1a202c;font-size:24px;font-weight:600;margin-bottom:12px}.otp-header p[data-v-deee9335]{color:#718096;font-size:14px;margin-bottom:4px}.phone-number[data-v-deee9335]{color:#667eea!important;font-weight:600!important;font-size:16px!important}.otp-form[data-v-deee9335]{display:flex;flex-direction:column;gap:20px}.otp-input-group[data-v-deee9335]{display:flex;gap:12px;justify-content:center;margin-bottom:10px}.otp-input[data-v-deee9335]{width:48px;height:56px;border:2px solid #e2e8f0;border-radius:8px;text-align:center;font-size:20px;font-weight:600;color:#1a202c;transition:all .2s}.otp-input[data-v-deee9335]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.otp-input.error[data-v-deee9335]{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.error-message[data-v-deee9335]{color:#e53e3e;font-size:14px;text-align:center;margin-top:-10px}.otp-actions[data-v-deee9335]{display:flex;justify-content:center}.resend-button[data-v-deee9335]{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;text-decoration:underline;padding:8px 16px}.resend-button[data-v-deee9335]:disabled{color:#718096;cursor:not-allowed;text-decoration:none}.resend-button[data-v-deee9335]:hover:not(:disabled){color:#5a67d8}.verify-button[data-v-deee9335]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.verify-button[data-v-deee9335]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.verify-button[data-v-deee9335]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.back-button[data-v-deee9335]{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0;padding:12px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.back-button[data-v-deee9335]:hover{background:#edf2f7;border-color:#cbd5e0}.loading-spinner[data-v-deee9335]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-deee9335 1s linear infinite}@keyframes spin-deee9335{to{transform:rotate(360deg)}}@media (max-width: 480px){.otp-card[data-v-deee9335]{padding:30px 20px}.otp-input-group[data-v-deee9335]{gap:8px}.otp-input[data-v-deee9335]{width:40px;height:48px;font-size:18px}.otp-header h2[data-v-deee9335]{font-size:20px}}.popup-overlay[data-v-b507fede]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);z-index:var(--z-modal-backdrop);animation:fadeIn-b507fede .3s ease}.popup-content[data-v-b507fede]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:90%;text-align:center;animation:popIn-b507fede .3s ease}.popup-icon[data-v-b507fede]{font-size:60px;margin-bottom:20px}.popup-title[data-v-b507fede]{font-size:24px;font-weight:700;margin-bottom:15px;color:#333}.popup-message[data-v-b507fede]{font-size:16px;line-height:1.5;color:#666;margin-bottom:25px}.popup-buttons[data-v-b507fede]{display:flex;gap:15px;justify-content:center}.popup-btn[data-v-b507fede]{padding:12px 25px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:100px}.popup-btn.primary[data-v-b507fede]{background:#007bff;color:#fff}.popup-btn.primary[data-v-b507fede]:hover{background:#0056b3}.popup-btn.secondary[data-v-b507fede]{background:#6c757d;color:#fff}.popup-btn.secondary[data-v-b507fede]:hover{background:#545b62}.popup-btn.success[data-v-b507fede]{background:#28a745;color:#fff}.popup-btn.success[data-v-b507fede]:hover{background:#1e7e34}@keyframes fadeIn-b507fede{0%{opacity:0}to{opacity:1}}@keyframes popIn-b507fede{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 768px){.popup-content[data-v-b507fede]{width:95%;padding:20px}.popup-buttons[data-v-b507fede]{flex-direction:column}.popup-btn[data-v-b507fede]{width:100%}}.attendance-office[data-v-63b1eaf9]{padding:24px;background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header[data-v-63b1eaf9]{margin-bottom:24px}.header-content[data-v-63b1eaf9]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:20px 0}.welcome-section h1[data-v-63b1eaf9]{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.welcome-section p[data-v-63b1eaf9]{font-size:16px;color:#64748b;margin:0}.current-time[data-v-63b1eaf9]{text-align:right;display:flex;flex-direction:column;gap:4px}.time-display[data-v-63b1eaf9]{font-size:16px;color:#1e293b;font-weight:600;display:flex;align-items:center;gap:8px}.date-display[data-v-63b1eaf9]{font-size:14px;color:#64748b;font-weight:500}.upload-section[data-v-63b1eaf9],.table-section[data-v-63b1eaf9]{margin-bottom:24px}.dashboard-card[data-v-63b1eaf9]{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.card-header[data-v-63b1eaf9]{padding:20px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.upload-header[data-v-63b1eaf9]{justify-content:flex-start}.header-left[data-v-63b1eaf9]{display:flex;align-items:center;gap:12px}.header-actions[data-v-63b1eaf9]{display:flex;align-items:center;gap:12px;margin-left:auto}.auto-refresh-btn[data-v-63b1eaf9]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.auto-refresh-btn[data-v-63b1eaf9]:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.auto-refresh-btn.active[data-v-63b1eaf9]{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.auto-refresh-btn.active i[data-v-63b1eaf9]{color:#3b82f6}.last-refresh-info[data-v-63b1eaf9]{display:flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8}.last-refresh-info i[data-v-63b1eaf9]{font-size:10px}.header-icon[data-v-63b1eaf9]{display:flex;align-items:center;justify-content:center}.header-icon i[data-v-63b1eaf9]{font-size:20px;color:#3b82f6}.header-text h3[data-v-63b1eaf9]{font-size:18px;font-weight:600;color:#1e293b;margin:0;text-align:left}.header-text p[data-v-63b1eaf9]{font-size:14px;color:#64748b;margin:8px 0 0;line-height:1.5;text-align:left}.card-content[data-v-63b1eaf9]{padding:20px}.search-section[data-v-63b1eaf9]{margin-bottom:16px}.search-input-wrapper[data-v-63b1eaf9]{position:relative;display:flex;align-items:center;max-width:400px}.search-icon[data-v-63b1eaf9]{position:absolute;left:12px;color:#94a3b8;font-size:14px}.search-input[data-v-63b1eaf9]{width:100%;padding:10px 40px 10px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s ease}.search-input[data-v-63b1eaf9]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search-btn[data-v-63b1eaf9]{position:absolute;right:8px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.clear-search-btn[data-v-63b1eaf9]:hover{background:#f1f5f9;color:#64748b}.search-info[data-v-63b1eaf9]{margin-top:8px;font-size:12px;color:#64748b}.search-results[data-v-63b1eaf9]{background:#f8fafc;padding:4px 8px;border-radius:4px;border:1px solid #e2e8f0}.upload-controls[data-v-63b1eaf9]{display:flex;flex-direction:column;gap:16px}.file-input-wrapper[data-v-63b1eaf9]{position:relative;width:100%}.file-input[data-v-63b1eaf9]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:10;top:0;left:0;pointer-events:auto}.file-input-label[data-v-63b1eaf9]{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#f8fafc;border:2px dashed #3b82f6;border-radius:8px;cursor:pointer;font-weight:500;color:#3b82f6;min-height:60px;transition:all .2s ease;position:relative;z-index:1;pointer-events:auto}.file-input-label[data-v-63b1eaf9]:hover{border-color:#1e3a8a;background:#1e3a8a0d;transform:translateY(-2px);box-shadow:0 4px 12px #1e3a8a1a}.file-icon[data-v-63b1eaf9]{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.file-icon i[data-v-63b1eaf9]{font-size:18px;transition:color .2s ease}.file-input-label:hover .file-icon[data-v-63b1eaf9]{transform:scale(1.1)}.file-input-label:hover .file-icon i[data-v-63b1eaf9]{color:#1e3a8a}.file-text[data-v-63b1eaf9]{display:flex;flex-direction:column;gap:2px;flex:1;text-align:center;transition:all .2s ease}.file-input-label:hover .file-text[data-v-63b1eaf9]{transform:translateY(-1px)}.file-name[data-v-63b1eaf9]{font-size:14px;font-weight:500;color:#1e293b;transition:color .2s ease}.file-hint[data-v-63b1eaf9]{font-size:12px;color:#64748b;transition:color .2s ease}.file-input-label:hover .file-name[data-v-63b1eaf9]{color:#1e3a8a}.file-input-label:hover .file-hint[data-v-63b1eaf9]{color:#475569}.file-input-label.drag-over[data-v-63b1eaf9]{border-color:#1e3a8a;background:#1e3a8a1a;transform:translateY(-2px);box-shadow:0 6px 20px #1e3a8a26;animation:pulse-63b1eaf9 1.5s infinite}@keyframes pulse-63b1eaf9{0%{box-shadow:0 6px 20px #1e3a8a26}50%{box-shadow:0 6px 20px #1e3a8a40}to{box-shadow:0 6px 20px #1e3a8a26}}.file-input-label.drag-over .file-icon[data-v-63b1eaf9]{transform:scale(1.15)}.file-input-label.drag-over .file-icon i[data-v-63b1eaf9]{color:#1e3a8a}.file-input-label.drag-over .file-text[data-v-63b1eaf9]{transform:translateY(-1px)}.file-input-label.drag-over .file-name[data-v-63b1eaf9]{color:#1e3a8a}.file-input-label.drag-over .file-hint[data-v-63b1eaf9]{color:#475569}.btn[data-v-63b1eaf9]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;border:none;cursor:pointer;justify-content:center;min-width:120px;transition:all .2s ease}.btn-upload[data-v-63b1eaf9]{background:#10b981;color:#fff}.btn-upload[data-v-63b1eaf9]:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn[data-v-63b1eaf9]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.filter-section[data-v-63b1eaf9]{background:#f8fafc;border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid #e2e8f0}.date-picker-group[data-v-63b1eaf9]{display:flex;gap:16px;flex-wrap:wrap}.date-picker-item[data-v-63b1eaf9]{display:flex;flex-direction:column;gap:8px;flex:1;min-width:120px}.date-picker-item label[data-v-63b1eaf9]{font-size:14px;font-weight:500;color:#000;display:flex;align-items:center;gap:6px}.date-picker-item label i[data-v-63b1eaf9]{color:#000}.date-picker-select[data-v-63b1eaf9]{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#000}.date-picker-select[data-v-63b1eaf9]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.export-buttons[data-v-63b1eaf9]{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.btn-export[data-v-63b1eaf9]{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-excel[data-v-63b1eaf9]{background:linear-gradient(135deg,#217346,#1e6b3d);color:#fff}.btn-excel[data-v-63b1eaf9]:hover:not(:disabled){background:linear-gradient(135deg,#1e6b3d,#155724);transform:translateY(-2px);box-shadow:0 8px 25px #2173464d}.btn-export[data-v-63b1eaf9]:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-export i[data-v-63b1eaf9]{font-size:16px}.table-container[data-v-63b1eaf9]{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.table-info[data-v-63b1eaf9]{background:#f8fafc;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-bottom:1px solid #e2e8f0}.info-badge[data-v-63b1eaf9]{display:flex;align-items:center;gap:8px;background:#3b82f6;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600}.info-badge i[data-v-63b1eaf9]{font-size:16px}.info-stats[data-v-63b1eaf9]{display:flex;gap:20px;flex-wrap:wrap}.stat-item[data-v-63b1eaf9]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#64748b}.stat-item i[data-v-63b1eaf9]{font-size:14px}.table-wrapper[data-v-63b1eaf9]{overflow-x:auto;overflow-y:auto;max-height:500px}.monthly-table[data-v-63b1eaf9]{width:100%;border-collapse:collapse;font-size:11px;background:#fff;min-width:800px}.th-number[data-v-63b1eaf9],.td-number[data-v-63b1eaf9]{min-width:40px}.th-name[data-v-63b1eaf9],.td-name[data-v-63b1eaf9]{min-width:120px}.th-card[data-v-63b1eaf9],.td-card[data-v-63b1eaf9]{min-width:100px}.th-day[data-v-63b1eaf9],.td-day[data-v-63b1eaf9]{min-width:60px}.th-summary[data-v-63b1eaf9],.td-summary[data-v-63b1eaf9]{min-width:80px}.monthly-table th[data-v-63b1eaf9]{background:#1e3a8a;color:#fff;font-weight:600;padding:8px 4px;text-align:center;border:none;border-right:1px solid #1e40af;position:sticky;top:0;z-index:10;font-size:10px}.monthly-table th[data-v-63b1eaf9]:last-child{border-right:none}.day-header[data-v-63b1eaf9]{display:flex;flex-direction:column;align-items:center;gap:2px}.day-number[data-v-63b1eaf9]{font-size:11px;font-weight:600}.day-name[data-v-63b1eaf9]{font-size:8px;font-weight:400;opacity:.9}.monthly-table td[data-v-63b1eaf9]{padding:6px 3px;text-align:center;border:none;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:#fff;font-size:10px}.monthly-table td[data-v-63b1eaf9]:last-child{border-right:none}.monthly-table tbody tr:first-child td[data-v-63b1eaf9]{border-top:1px solid #1e40af}.td-number[data-v-63b1eaf9],.td-name[data-v-63b1eaf9],.td-pin[data-v-63b1eaf9],.td-card[data-v-63b1eaf9]{font-weight:500;color:#1e293b}.td-name[data-v-63b1eaf9]{text-align:left;font-weight:600;white-space:nowrap;padding:6px 8px}.td-day[data-v-63b1eaf9]{width:auto;padding:4px 2px}.status-cell[data-v-63b1eaf9]{padding:2px;border-radius:3px;font-size:9px;font-weight:500}.status-present[data-v-63b1eaf9],.status-late[data-v-63b1eaf9]{background:#22c55e;color:#fff}.status-absent[data-v-63b1eaf9]{color:#6b7280}.status-leave[data-v-63b1eaf9]{background:#f59e0b;color:#fff}.status-content[data-v-63b1eaf9]{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:8px}.time-in[data-v-63b1eaf9],.time-out[data-v-63b1eaf9]{font-size:8px;line-height:1.1}.td-summary[data-v-63b1eaf9]{font-weight:600;font-size:10px}.hours-cell[data-v-63b1eaf9]{display:flex;align-items:center;justify-content:center;gap:4px;background:#22c55e;color:#fff;padding:4px 8px;border-radius:4px;font-size:9px;font-weight:600}.hours-cell i[data-v-63b1eaf9]{font-size:8px}.view-toggle[data-v-63b1eaf9]{display:flex;gap:8px;margin-left:auto}.btn-toggle[data-v-63b1eaf9]{display:flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-toggle[data-v-63b1eaf9]:hover{border-color:#1e3a8a;color:#1e3a8a}.btn-toggle.active[data-v-63b1eaf9]{border-color:#1e3a8a;background:#1e3a8a;color:#fff}.btn-toggle i[data-v-63b1eaf9]{font-size:11px}.list-view[data-v-63b1eaf9]{display:flex;flex-direction:column;gap:20px}.employee-card[data-v-63b1eaf9]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.employee-header[data-v-63b1eaf9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.employee-info h4[data-v-63b1eaf9]{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.employee-info .card-number[data-v-63b1eaf9]{font-size:12px;color:#6b7280}.employee-summary[data-v-63b1eaf9]{display:flex;align-items:center;gap:12px}.absent-count[data-v-63b1eaf9]{font-size:12px;color:#6b7280;font-weight:500}.attendance-list[data-v-63b1eaf9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.attendance-item[data-v-63b1eaf9]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f9fafb;border-radius:6px;border:1px solid #f3f4f6}.date-info[data-v-63b1eaf9]{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:40px}.date-info .day-number[data-v-63b1eaf9]{font-size:14px;font-weight:600;color:#1f2937}.date-info .day-name[data-v-63b1eaf9]{font-size:10px;color:#6b7280}.status-info[data-v-63b1eaf9]{flex:1;display:flex;justify-content:flex-end}.status-badge[data-v-63b1eaf9]{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:500;color:#fff}.status-badge.status-present[data-v-63b1eaf9],.status-badge.status-late[data-v-63b1eaf9]{background:#22c55e}.status-badge.status-leave[data-v-63b1eaf9]{background:#f59e0b;color:#fff}.status-badge.status-absent[data-v-63b1eaf9]{background:#ef4444}.time-details[data-v-63b1eaf9]{display:flex;flex-direction:column;font-size:9px;line-height:1.2}.td-present[data-v-63b1eaf9]{color:#059669}.td-hours[data-v-63b1eaf9]{color:#0891b2}.td-absent[data-v-63b1eaf9]{color:#dc2626}.loading-state[data-v-63b1eaf9]{text-align:center;padding:40px 20px;color:#6b7280}.loading-spinner[data-v-63b1eaf9]{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin-63b1eaf9 1s linear infinite;margin:0 auto 12px}.empty-state[data-v-63b1eaf9]{text-align:center;padding:40px 20px;color:#6b7280}.empty-icon[data-v-63b1eaf9]{width:60px;height:60px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.empty-icon i[data-v-63b1eaf9]{font-size:24px;color:#9ca3af}.empty-state h3[data-v-63b1eaf9]{font-size:16px;font-weight:600;color:#374151;margin:0 0 4px}.empty-state p[data-v-63b1eaf9]{font-size:14px;color:#6b7280;margin:0}@keyframes spin-63b1eaf9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-slide-enter-active[data-v-63b1eaf9],.fade-slide-leave-active[data-v-63b1eaf9]{transition:all .3s ease}.fade-slide-enter-from[data-v-63b1eaf9]{opacity:0;transform:translateY(20px)}.fade-slide-leave-to[data-v-63b1eaf9]{opacity:0;transform:translateY(-20px)}@media (max-width: 1200px){.info-stats[data-v-63b1eaf9]{gap:16px}.monthly-table[data-v-63b1eaf9]{font-size:12px}.monthly-table th[data-v-63b1eaf9],.monthly-table td[data-v-63b1eaf9]{padding:10px 6px}}@media (max-width: 768px){.attendance-office[data-v-63b1eaf9]{padding:16px}.header-content[data-v-63b1eaf9]{flex-direction:column;text-align:center;padding:20px}.welcome-section h1[data-v-63b1eaf9]{font-size:26px}.current-time[data-v-63b1eaf9]{text-align:center}.card-header[data-v-63b1eaf9]{padding:20px;flex-direction:column;text-align:center;gap:16px}.header-actions[data-v-63b1eaf9]{margin-left:0;justify-content:center;flex-wrap:wrap}.auto-refresh-btn[data-v-63b1eaf9]{font-size:11px;padding:5px 10px}.last-refresh-info[data-v-63b1eaf9]{font-size:10px}.card-content[data-v-63b1eaf9]{padding:20px}.file-input-label[data-v-63b1eaf9]{flex-direction:column;text-align:center;gap:16px;min-height:120px}.date-picker-group[data-v-63b1eaf9]{grid-template-columns:1fr;gap:16px}.export-buttons[data-v-63b1eaf9]{flex-direction:column;gap:8px}.btn-export[data-v-63b1eaf9]{justify-content:center;width:100%}.table-info[data-v-63b1eaf9]{flex-direction:column;gap:12px;text-align:center}.info-stats[data-v-63b1eaf9]{justify-content:center;gap:20px}.table-wrapper[data-v-63b1eaf9]{border-radius:8px;margin:0 -10px;padding:0 10px}.monthly-table[data-v-63b1eaf9]{font-size:12px;min-width:1000px}.monthly-table th[data-v-63b1eaf9],.monthly-table td[data-v-63b1eaf9]{padding:8px 6px;font-size:11px}.day-number[data-v-63b1eaf9]{font-size:12px}.day-name[data-v-63b1eaf9],.status-content[data-v-63b1eaf9],.time-in[data-v-63b1eaf9],.time-out[data-v-63b1eaf9]{font-size:9px}.td-summary[data-v-63b1eaf9]{font-size:11px}.td-name[data-v-63b1eaf9]{min-width:150px}.view-toggle[data-v-63b1eaf9]{margin-left:0;margin-top:12px;justify-content:center}.btn-toggle[data-v-63b1eaf9]{padding:6px 12px;font-size:11px}.attendance-list[data-v-63b1eaf9]{grid-template-columns:1fr}.employee-header[data-v-63b1eaf9]{flex-direction:column;align-items:flex-start;gap:8px}.employee-summary[data-v-63b1eaf9]{align-self:flex-end}.attendance-item[data-v-63b1eaf9]{padding:6px 8px}.status-badge[data-v-63b1eaf9]{padding:3px 6px;font-size:9px}.time-details[data-v-63b1eaf9]{font-size:8px}}@media (max-width: 480px){.attendance-office[data-v-63b1eaf9]{padding:12px}.header-content[data-v-63b1eaf9]{padding:16px}.welcome-section h1[data-v-63b1eaf9]{font-size:22px}.welcome-section p[data-v-63b1eaf9]{font-size:14px}.time-display[data-v-63b1eaf9]{font-size:16px}.date-display[data-v-63b1eaf9]{font-size:12px}.card-header[data-v-63b1eaf9]{padding:16px}.header-text h3[data-v-63b1eaf9]{font-size:18px}.header-text p[data-v-63b1eaf9]{font-size:13px}.card-content[data-v-63b1eaf9]{padding:16px}.file-input-label[data-v-63b1eaf9]{min-height:100px;padding:16px}.btn[data-v-63b1eaf9]{padding:14px 24px;font-size:14px}.filter-section[data-v-63b1eaf9],.table-info[data-v-63b1eaf9]{padding:16px}.info-badge[data-v-63b1eaf9]{padding:8px 16px}.info-badge span[data-v-63b1eaf9]{font-size:14px}.stat-item[data-v-63b1eaf9]{font-size:12px}.monthly-table[data-v-63b1eaf9]{font-size:10px}.monthly-table th[data-v-63b1eaf9],.monthly-table td[data-v-63b1eaf9]{padding:6px 3px}.td-name[data-v-63b1eaf9]{max-width:80px}.status-cell[data-v-63b1eaf9]{padding:6px;margin:1px}.status-content[data-v-63b1eaf9]{font-size:9px;gap:2px}.status-content i[data-v-63b1eaf9]{font-size:10px}.time-in[data-v-63b1eaf9],.time-out[data-v-63b1eaf9]{font-size:8px}}.table-wrapper[data-v-63b1eaf9]::-webkit-scrollbar{width:8px;height:12px}.table-wrapper[data-v-63b1eaf9]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.table-wrapper[data-v-63b1eaf9]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#94a3b8,#64748b);border-radius:6px}.table-wrapper[data-v-63b1eaf9]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#64748b,#475569)}@media (max-width: 768px){.table-wrapper[data-v-63b1eaf9]::-webkit-scrollbar{height:16px}.table-wrapper[data-v-63b1eaf9]::-webkit-scrollbar-track{background:#e2e8f0;border-radius:8px}.table-wrapper[data-v-63b1eaf9]::-webkit-scrollbar-thumb{background:#64748b;border-radius:8px;border:2px solid #e2e8f0}.table-wrapper[data-v-63b1eaf9]::-webkit-scrollbar-thumb:hover{background:#475569}}.alert-demo[data-v-cd5d24f6]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--space-5)}.demo-container[data-v-cd5d24f6]{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.demo-title[data-v-cd5d24f6]{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-description[data-v-cd5d24f6]{text-align:center;color:#6b7280;font-size:1.1rem;margin-bottom:40px;line-height:1.6}.demo-section[data-v-cd5d24f6]{margin-bottom:40px}.section-title[data-v-cd5d24f6]{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#374151;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.button-grid[data-v-cd5d24f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.demo-btn[data-v-cd5d24f6]{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#fff;min-height:48px}.btn-icon[data-v-cd5d24f6]{width:18px;height:18px;flex-shrink:0}.demo-btn[data-v-cd5d24f6]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.demo-btn[data-v-cd5d24f6]:active{transform:translateY(0)}.btn-info[data-v-cd5d24f6]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.btn-success[data-v-cd5d24f6]{background:linear-gradient(135deg,#10b981,#047857)}.btn-warning[data-v-cd5d24f6]{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-error[data-v-cd5d24f6]{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-confirm[data-v-cd5d24f6]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.btn-delete[data-v-cd5d24f6]{background:linear-gradient(135deg,#ef4444,#b91c1c)}.btn-logout[data-v-cd5d24f6]{background:linear-gradient(135deg,#f59e0b,#92400e)}.btn-file[data-v-cd5d24f6]{background:linear-gradient(135deg,#6b7280,#4b5563)}.btn-network[data-v-cd5d24f6]{background:linear-gradient(135deg,#ef4444,#991b1b)}.btn-custom[data-v-cd5d24f6]{background:linear-gradient(135deg,#ec4899,#be185d)}.result-section[data-v-cd5d24f6]{margin-top:40px;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.result-title[data-v-cd5d24f6]{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:#374151}.result-content[data-v-cd5d24f6]{padding:12px 16px;border-radius:6px;font-weight:500;border-left:4px solid}.result-info[data-v-cd5d24f6]{background:#eff6ff;color:#1e40af;border-color:#3b82f6}.result-success[data-v-cd5d24f6]{background:#ecfdf5;color:#065f46;border-color:#10b981}.result-warning[data-v-cd5d24f6]{background:#fffbeb;color:#92400e;border-color:#f59e0b}.result-error[data-v-cd5d24f6]{background:#fef2f2;color:#991b1b;border-color:#ef4444}@media (max-width: 768px){.demo-container[data-v-cd5d24f6]{padding:20px}.demo-title[data-v-cd5d24f6]{font-size:2rem}.button-grid[data-v-cd5d24f6]{grid-template-columns:1fr}}.role-management-container[data-v-3fd0cff4]{max-width:1200px;margin:0 auto;padding:var(--space-5);background-color:var(--bg-secondary);min-height:100vh}.page-header[data-v-3fd0cff4]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;margin-bottom:24px;color:#fff}.header-content[data-v-3fd0cff4]{display:flex;align-items:center;gap:16px}.back-btn[data-v-3fd0cff4]{background:#fff3;border:none;border-radius:8px;padding:8px 12px;color:#fff;cursor:pointer;transition:background .2s}.back-btn[data-v-3fd0cff4]:hover{background:#ffffff4d}.page-title h1[data-v-3fd0cff4]{margin:0;font-size:1.8rem;font-weight:700}.page-title p[data-v-3fd0cff4]{margin:4px 0 0;opacity:.9}.form-container[data-v-3fd0cff4]{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 16px #0000001a}.section-header[data-v-3fd0cff4]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.section-header h2[data-v-3fd0cff4]{margin:0;color:#1e293b;font-size:1.4rem}.form-grid[data-v-3fd0cff4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.form-group[data-v-3fd0cff4]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-3fd0cff4]{font-weight:600;color:#374151}.form-input[data-v-3fd0cff4],.form-select[data-v-3fd0cff4],.form-textarea[data-v-3fd0cff4]{padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s}.form-select[data-v-3fd0cff4]{background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.form-help[data-v-3fd0cff4]{display:block;margin-top:4px;font-size:12px;color:#6b7280;font-style:italic}.form-input[data-v-3fd0cff4]:focus,.form-select[data-v-3fd0cff4]:focus,.form-textarea[data-v-3fd0cff4]:focus{outline:none;border-color:#3b82f6}.form-actions[data-v-3fd0cff4]{display:flex;justify-content:flex-end}.btn-primary[data-v-3fd0cff4]{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.btn-primary[data-v-3fd0cff4]:hover:not(:disabled){background:#2563eb}.btn-primary[data-v-3fd0cff4]:disabled{opacity:.6;cursor:not-allowed}.roles-list-container[data-v-3fd0cff4]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000001a}.role-category[data-v-3fd0cff4]{margin-bottom:32px}.role-category h3[data-v-3fd0cff4]{color:#1e293b;margin-bottom:16px;font-size:1.2rem}.role-cards[data-v-3fd0cff4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.role-card[data-v-3fd0cff4]{border:2px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;transition:border-color .2s}.role-card[data-v-3fd0cff4]:hover{border-color:#3b82f6}.role-card.standard[data-v-3fd0cff4]{background:#f8fafc}.role-card.custom[data-v-3fd0cff4]{background:#fefefe}.role-info h4[data-v-3fd0cff4]{margin:0 0 4px;color:#1e293b;font-size:1.1rem}.role-info p[data-v-3fd0cff4]{margin:4px 0;color:#6b7280;font-size:.9rem}.role-type[data-v-3fd0cff4]{font-size:.8rem;color:#9ca3af;font-weight:500}.role-meta[data-v-3fd0cff4]{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.role-department[data-v-3fd0cff4]{padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:500}.role-department.hr[data-v-3fd0cff4]{background:#dbeafe;color:#1e40af}.role-department.production[data-v-3fd0cff4]{background:#dcfce7;color:#166534}.role-department.distribution[data-v-3fd0cff4]{background:#fef3c7;color:#92400e}.role-supervisor[data-v-3fd0cff4]{margin-top:8px;font-size:.8rem;color:#6b7280}.role-supervisor small[data-v-3fd0cff4]{display:flex;align-items:center;gap:4px}.role-actions[data-v-3fd0cff4]{display:flex;gap:8px}.btn-edit[data-v-3fd0cff4],.btn-activate[data-v-3fd0cff4],.btn-deactivate[data-v-3fd0cff4]{padding:6px 8px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-edit[data-v-3fd0cff4]{background:#f59e0b;color:#fff}.btn-edit[data-v-3fd0cff4]:hover{background:#d97706}.btn-activate[data-v-3fd0cff4]{background:#10b981;color:#fff}.btn-activate[data-v-3fd0cff4]:hover{background:#059669}.btn-deactivate[data-v-3fd0cff4]{background:#ef4444;color:#fff}.btn-deactivate[data-v-3fd0cff4]:hover{background:#dc2626}.status-badge[data-v-3fd0cff4]{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.status-badge.active[data-v-3fd0cff4]{background:#dcfce7;color:#166534}.loading-state[data-v-3fd0cff4]{display:flex;flex-direction:column;align-items:center;padding:40px;color:#6b7280}.spinner[data-v-3fd0cff4]{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-3fd0cff4 1s linear infinite;margin-bottom:16px}@keyframes spin-3fd0cff4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay[data-v-3fd0cff4]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-3fd0cff4]{background:#fff;border-radius:16px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-3fd0cff4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.modal-header h3[data-v-3fd0cff4]{margin:0;color:#1e293b}.close-btn[data-v-3fd0cff4]{background:none;border:none;font-size:1.2rem;color:#6b7280;cursor:pointer;padding:4px}.close-btn[data-v-3fd0cff4]:hover{color:#374151}.modal-actions[data-v-3fd0cff4]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-secondary[data-v-3fd0cff4]{background:#6b7280;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary[data-v-3fd0cff4]:hover{background:#4b5563}.page-header.simple-header[data-v-3fd0cff4]{background:linear-gradient(90deg,#e0e7ef,#b6c6e3);border-radius:12px;padding:18px 24px;margin-bottom:24px;color:#22325a;display:flex;align-items:center;gap:18px;box-shadow:0 2px 8px #b6c6e31a}.simple-header .back-btn[data-v-3fd0cff4]{background:#22325a14;color:#22325a}.simple-header .back-btn[data-v-3fd0cff4]:hover{background:#22325a26}.simple-title[data-v-3fd0cff4]{display:flex;flex-direction:column;gap:2px}.simple-title h1[data-v-3fd0cff4]{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:.01em}.simple-title .subtitle[data-v-3fd0cff4]{font-size:.98rem;color:#4b5c7a;opacity:.85;margin-top:2px;font-weight:400}@media (max-width: 768px){.form-grid[data-v-3fd0cff4],.role-cards[data-v-3fd0cff4]{grid-template-columns:1fr}.header-content[data-v-3fd0cff4]{flex-direction:column;align-items:flex-start}}:root{--color-primary: #2563eb;--color-primary-light: #3b82f6;--color-primary-dark: #1d4ed8;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-secondary: #64748b;--color-secondary-light: #94a3b8;--color-secondary-dark: #475569;--color-success: #10b981;--color-success-light: #34d399;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #ef4444;--color-error-light: #f87171;--color-error-dark: #dc2626;--color-info: #3b82f6;--color-info-light: #60a5fa;--color-info-dark: #2563eb;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--text-muted: #94a3b8;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-focus: #2563eb;--border-hover: #cbd5e1;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .35s ease-out;--transition-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);line-height:var(--leading-normal);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-none);border-radius:var(--radius-lg);border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:focus{outline:none;box-shadow:0 0 0 3px #2563eb1a}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-success{background-color:var(--color-success);color:var(--text-inverse);border-color:var(--color-success)}.btn-success:hover{background-color:var(--color-success-dark);border-color:var(--color-success-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-danger{background-color:var(--color-error);color:var(--text-inverse);border-color:var(--color-error)}.btn-danger:hover{background-color:var(--color-error-dark);border-color:var(--color-error-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-warning{background-color:var(--color-warning);color:var(--text-inverse);border-color:var(--color-warning)}.btn-warning:hover{background-color:var(--color-warning-dark);border-color:var(--color-warning-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--border-primary);background-color:var(--bg-secondary)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1a}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-hover)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--leading-none);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-success{background-color:var(--color-success);color:var(--text-inverse)}.badge-warning{background-color:var(--color-warning);color:var(--text-inverse)}.badge-error{background-color:var(--color-error);color:var(--text-inverse)}.badge-info{background-color:var(--color-info);color:var(--text-inverse)}.badge-neutral{background-color:var(--color-gray-500);color:var(--text-inverse)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;margin-bottom:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3)}.alert-success{background-color:#10b9811a;border-color:var(--color-success);color:var(--color-success-dark)}.alert-warning{background-color:#f59e0b1a;border-color:var(--color-warning);color:var(--color-warning-dark)}.alert-error{background-color:#ef44441a;border-color:var(--color-error);color:var(--color-error-dark)}.alert-info{background-color:#3b82f61a;border-color:var(--color-info);color:var(--color-info-dark)}.table{width:100%;border-collapse:collapse;background-color:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.table th,.table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--border-primary)}.table th{background-color:var(--bg-secondary);font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.table tr:hover{background-color:var(--bg-hover)}.table tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4)}.modal-content{background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;overflow:hidden;animation:modalSlideIn var(--transition-normal)}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--space-6);overflow-y:auto}.modal-footer{padding:var(--space-6);border-top:1px solid var(--border-primary);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite}.loading-dots{display:inline-flex;gap:var(--space-1)}.loading-dots span{width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);animation:loadingDots 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loadingDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@media (max-width: 768px){.btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.card-header,.card-body,.card-footer{padding:var(--space-4)}.modal-content{margin:var(--space-4);max-width:calc(100vw - 2rem)}.table th,.table td{padding:var(--space-3);font-size:var(--text-sm)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){:root{--border-primary: #000000;--text-secondary: #000000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--primary-color: #3b82f6;--primary-light: #60a5fa;--primary-dark: #1d4ed8;--secondary-color: #64748b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #06b6d4;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--white: #ffffff;--bg-primary: #f8fafc;--bg-secondary: var(--white);--bg-tertiary: #f1f5f9;--bg-card: var(--white);--bg-sidebar: var(--white);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-light: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--border-focus: #3b82f6;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:var(--font-size-base);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text-primary);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.page-container{min-height:100vh;background-color:var(--bg-primary);padding:var(--spacing-xl)}.header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.logo-section{display:flex;align-items:center;gap:var(--spacing-md)}.logo{width:48px;height:48px;border-radius:var(--radius);object-fit:cover;box-shadow:var(--shadow-sm)}.title-section h1{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs);color:#fff}.title-section p{font-size:var(--font-size-sm);opacity:.9;color:#ffffffe6;margin-bottom:0}.user-section{display:flex;align-items:center;gap:var(--spacing-md)}.welcome-text{font-weight:500;color:#ffffffe6}.user-avatar{width:40px;height:40px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-color)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.primary:before{background:var(--primary-color)}.stat-card.success:before{background:var(--success-color)}.stat-card.warning:before{background:var(--warning-color)}.stat-card.info:before{background:var(--info-color)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);background:#3b82f61a;color:var(--primary-color)}.stat-card.primary .stat-icon{background:#3b82f61a;color:var(--primary-color)}.stat-card.success .stat-icon{background:#10b9811a;color:var(--success-color)}.stat-card.warning .stat-icon{background:#f59e0b1a;color:var(--warning-color)}.stat-card.info .stat-icon{background:#06b6d41a;color:var(--info-color)}.stat-content h3{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.stat-content p{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-focus)}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover{background:#059669}.btn-warning{background:var(--warning-color);color:#fff}.btn-warning:hover{background:#d97706}.btn-error{background:var(--error-color);color:#fff}.btn-error:hover{background:#dc2626}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;position:relative}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-icon.view-btn:hover{background:#3b82f61a;color:var(--primary-color);border-color:var(--primary-color)}.btn-icon.edit-btn:hover{background:#f59e0b1a;color:var(--warning-color);border-color:var(--warning-color)}.btn-icon.delete-btn:hover{background:#ef44441a;color:var(--error-color);border-color:var(--error-color)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-sm);background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--text-muted)}.table-container{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.modern-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.modern-table th{background:var(--bg-tertiary);padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.modern-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:middle}.modern-table tr:hover{background:var(--bg-tertiary)}.modern-table tr:last-child td{border-bottom:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.search-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:250px}.search-box i{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--font-size-sm)}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-sm);background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-sm);background:var(--bg-secondary);color:var(--text-primary);min-width:150px}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-focus)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 var(--spacing-md)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.empty-state i{font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.empty-state p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.loading-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1000;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;animation:slideInFromRight .3s ease}.notification.success{background:var(--success-color);color:#fff}.notification.error{background:var(--error-color);color:#fff}.notification.warning{background:var(--warning-color);color:#fff}.notification.info{background:var(--info-color);color:#fff}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.page-container,.header{padding:var(--spacing-md)}.header-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.stats-grid,.dashboard-grid{grid-template-columns:1fr}.search-controls{flex-direction:column}.search-box{min-width:auto}.modern-table{font-size:var(--font-size-xs)}.modern-table th,.modern-table td{padding:var(--spacing-sm)}.notification{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md)}}@media (max-width: 480px){.card,.stat-card{padding:var(--spacing-lg)}.btn{width:100%;justify-content:center}.pagination{flex-wrap:wrap}}