.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-714237f4]{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-714237f4]{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-714237f4]:hover{transform:scale(1.1);box-shadow:0 6px 25px #3b82f699}.floating-button.active[data-v-714237f4]{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}.chatbot-icon[data-v-714237f4]{position:relative;width:32px;height:32px}.chatbot-head[data-v-714237f4]{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-714237f4]{width:24px;height:24px}.antenna[data-v-714237f4]{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:2px;height:8px;background:#3b82f6;border-radius:1px}.antenna[data-v-714237f4]:after{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#fff;border-radius:50%}.eyes[data-v-714237f4]{display:flex;gap:4px;margin-top:-2px}.eye[data-v-714237f4]{width:6px;height:3px;background:#3b82f6;border-radius:2px;position:relative;transition:all .3s ease}.eye.open[data-v-714237f4]{height:6px;border-radius:3px}.eye[data-v-714237f4]:after{content:"";position:absolute;top:.5px;left:1px;width:1px;height:1px;background:#fff;border-radius:50%}.chatbot-head.small .eye[data-v-714237f4]{width:4px;height:2px;transition:all .3s ease}.chatbot-head.small .eye.open[data-v-714237f4]{height:4px;border-radius:2px}.chatbot-head.small .eye[data-v-714237f4]:after{width:.5px;height:.5px;top:.25px;left:.5px}.pulse-ring[data-v-714237f4]{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:2px solid rgba(59,130,246,.3);border-radius:50%;animation:pulse-714237f4 2s infinite}@keyframes pulse-714237f4{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.chat-window[data-v-714237f4]{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-714237f4]{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.chat-header[data-v-714237f4]{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-714237f4]{display:flex;align-items:center;gap:12px}.bot-avatar[data-v-714237f4]{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.header-text h3[data-v-714237f4]{margin:0;font-size:16px;font-weight:600}.header-text p[data-v-714237f4]{margin:2px 0 0;font-size:12px;opacity:.9}.close-btn[data-v-714237f4]{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s ease}.close-btn[data-v-714237f4]:hover{background:#ffffff1a}.chat-messages[data-v-714237f4]{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-714237f4]::-webkit-scrollbar{width:6px}.chat-messages[data-v-714237f4]::-webkit-scrollbar-track{background:#f7fafc}.chat-messages[data-v-714237f4]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.message[data-v-714237f4]{margin-bottom:16px;display:flex}.bot-message[data-v-714237f4]{justify-content:flex-start}.message-content[data-v-714237f4]{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-714237f4]{margin:0 0 8px}.message-content p[data-v-714237f4]:last-child{margin-bottom:0}.message-content ol[data-v-714237f4]{margin:8px 0;padding-left:20px}.message-content li[data-v-714237f4]{margin-bottom:4px}.menu-options[data-v-714237f4]{display:flex;flex-direction:column;gap:8px;margin-top:8px}.menu-item[data-v-714237f4]{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-714237f4]:hover{background:#f7fafc;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f61a}.menu-icon[data-v-714237f4]{font-size:20px;width:24px;text-align:center}.menu-text h4[data-v-714237f4]{margin:0;font-size:14px;font-weight:600;color:#2d3748}.menu-text p[data-v-714237f4]{margin:2px 0 0;font-size:12px;color:#718096}.faq-items[data-v-714237f4]{margin-top:12px}.faq-item[data-v-714237f4]{margin-bottom:8px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.faq-question[data-v-714237f4]{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-714237f4]:hover{background:#f7fafc}.faq-arrow[data-v-714237f4]{transition:transform .2s ease}.faq-arrow.rotated[data-v-714237f4]{transform:rotate(180deg)}.faq-answer[data-v-714237f4]{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#f7fafc}.faq-answer.open[data-v-714237f4]{max-height:200px}.faq-answer p[data-v-714237f4]{margin:0;padding:12px 16px;font-size:13px;color:#4a5568;line-height:1.4}.faq-detail-title[data-v-714237f4]{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-714237f4]{font-size:14px;line-height:1.6;color:#4a5568}.faq-detail-content strong[data-v-714237f4]{color:#2d3748;font-weight:600}.faq-detail-content br[data-v-714237f4]{margin-bottom:8px}.whatsapp-btn[data-v-714237f4]{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-714237f4]: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-714237f4]:hover{background:linear-gradient(90deg,#25d366,#22c55e,#16a34a);transform:translateY(-1px);box-shadow:0 4px 12px #25d36666}.whatsapp-btn[data-v-714237f4]:hover:before{left:100%}.whatsapp-btn.large[data-v-714237f4]{padding:12px 20px;font-size:16px}.whatsapp-btn.reverse[data-v-714237f4]:before{left:100%;background:linear-gradient(90deg,#25d366,#22c55e,#16a34a);animation:shimmer-reverse-714237f4 .5s forwards}@keyframes shimmer-reverse-714237f4{0%{left:100%}to{left:-100%}}.back-menu[data-v-714237f4]{margin-top:16px;text-align:center}.back-btn[data-v-714237f4]{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-714237f4]: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-714237f4]{width:95vw;height:70vh;min-width:0;min-height:0;right:2vw;bottom:90px;padding:0}.whatsapp-btn[data-v-714237f4]{font-size:15px;padding:12px 18px;width:100%;justify-content:center}}@media (max-width: 480px){.chat-window[data-v-714237f4]{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-714237f4]{border-radius:22px 22px 0 0;padding:7px 8px 6px 12px;font-size:11px}.chat-header h2[data-v-714237f4]{font-size:13px}.chat-header .close-btn[data-v-714237f4]{width:22px;height:22px;font-size:15px;right:4px;top:4px}.menu-options[data-v-714237f4]{gap:4px;padding:4px 1px 6px}.menu-item[data-v-714237f4]{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-714237f4]{font-size:12px;width:14px;min-width:14px}.menu-text h4[data-v-714237f4]{font-size:10px;margin-bottom:0}.menu-text p[data-v-714237f4]{display:none}.whatsapp-btn[data-v-714237f4]{font-size:10px;padding:7px 1px;width:100%;min-width:0;box-sizing:border-box;border-radius:5px}.floating-button[data-v-714237f4]{width:32px;height:32px;right:6px;bottom:6px}}@media (max-width: 375px){.chat-header h2[data-v-714237f4]{font-size:16px}.menu-item[data-v-714237f4]{font-size:13px;padding:8px 4px}.whatsapp-btn[data-v-714237f4]{font-size:12px;padding:10px 2px}}.auto-logout-status[data-v-9204ceae]{position:fixed;top:20px;right:20px;z-index:1000;animation:slideInRight-9204ceae .3s ease}.status-indicator[data-v-9204ceae]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:help;position:relative}.status-indicator[data-v-9204ceae]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.status-indicator[data-v-9204ceae]:hover:after{content:attr(title);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;animation:fadeIn-9204ceae .3s ease}.status-indicator[data-v-9204ceae]:hover:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:#000c;z-index:1000}.status-icon[data-v-9204ceae]{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.status-icon svg[data-v-9204ceae]{width:16px;height:16px}.status-text[data-v-9204ceae]{display:flex;flex-direction:column;gap:2px}.status-label[data-v-9204ceae]{font-size:11px;font-weight:500;color:#6b7280;line-height:1}.status-time[data-v-9204ceae]{font-size:14px;font-weight:600;line-height:1;font-family:Courier New,monospace;color:#1f2937;transition:all .3s ease;animation:pulse 1s ease-in-out infinite}.status-time[data-v-9204ceae]:hover{transform:scale(1.05)}.status-safe[data-v-9204ceae]{border-left:3px solid #22c55e}.status-safe .status-icon[data-v-9204ceae]{color:#22c55e}.status-safe .status-time[data-v-9204ceae]{color:#16a34a;animation:pulse 2s ease-in-out infinite}.status-warning[data-v-9204ceae]{border-left:3px solid #f59e0b}.status-warning .status-icon[data-v-9204ceae]{color:#f59e0b}.status-warning .status-time[data-v-9204ceae]{color:#d97706;animation:countdown-9204ceae 1s ease-in-out infinite}.status-danger[data-v-9204ceae]{border-left:3px solid #ef4444}.status-danger .status-icon[data-v-9204ceae]{color:#ef4444}.status-danger .status-time[data-v-9204ceae]{color:#dc2626;animation:countdown-9204ceae .5s ease-in-out infinite}@keyframes slideInRight-9204ceae{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn-9204ceae{0%{opacity:0}to{opacity:1}}@keyframes countdown-9204ceae{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 640px){.auto-logout-status[data-v-9204ceae]{top:10px;right:10px}.status-indicator[data-v-9204ceae]{padding:6px 10px;gap:6px}.status-icon[data-v-9204ceae]{width:18px;height:18px}.status-icon svg[data-v-9204ceae]{width:14px;height:14px}.status-label[data-v-9204ceae]{font-size:10px}.status-time[data-v-9204ceae]{font-size:12px}}.skip-link[data-v-73e080c7]{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px 16px;text-decoration:none;z-index:10000;border-radius:0 0 4px;font-weight:600;transition:top .2s ease}.skip-link[data-v-73e080c7]:focus{top:0;outline:2px solid #fff;outline-offset:-2px}.sr-only[data-v-73e080c7]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.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-e891bf27]{display:flex;min-height:100vh;background-color:var(--bg-primary, #f8fafc);transition:background-color .3s ease}.mobile-overlay[data-v-e891bf27]{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-e891bf27]{opacity:1;visibility:visible;pointer-events:auto}body.menu-open[data-v-e891bf27]{overflow:hidden}.sidebar[data-v-e891bf27]{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-e891bf27]{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sidebar-nav[data-v-e891bf27]::-webkit-scrollbar{width:6px}.sidebar-nav[data-v-e891bf27]::-webkit-scrollbar-track{background:transparent}.sidebar-nav[data-v-e891bf27]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-nav[data-v-e891bf27]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-open[data-v-e891bf27]{transform:translate(0)}.sidebar-header[data-v-e891bf27]{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-e891bf27]{display:flex;align-items:center;gap:1rem}.logo-container[data-v-e891bf27]{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.logo[data-v-e891bf27]{width:35px;height:35px;border-radius:8px;object-fit:cover}.title-section h2[data-v-e891bf27]{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-e891bf27]{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-e891bf27]:hover{background-color:#ffffff1a}.mobile-only[data-v-e891bf27]{display:none}.sidebar-nav[data-v-e891bf27]{flex:1;padding:1rem 0;overflow-y:auto}.nav-list[data-v-e891bf27]{list-style:none;margin:0;padding:0}.nav-item[data-v-e891bf27]{margin:.25rem 0}.nav-link[data-v-e891bf27]{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-e891bf27]:hover{background-color:#ffffff26;color:#fff;transform:translate(5px);box-shadow:0 4px 12px #0003}.nav-link.router-link-active[data-v-e891bf27],.nav-link.active[data-v-e891bf27]{background-color:#ffffff40;color:#fff;font-weight:600;box-shadow:0 4px 15px #0000004d}.nav-icon[data-v-e891bf27]{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-icon svg[data-v-e891bf27]{width:20px;height:20px}.nav-text[data-v-e891bf27]{font-weight:500;font-size:.95rem}.has-submenu .nav-link[data-v-e891bf27]{justify-content:space-between}.nav-arrow[data-v-e891bf27]{transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.nav-arrow-open[data-v-e891bf27]{transform:rotate(180deg)}.submenu[data-v-e891bf27]{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#0000001a}.submenu-open[data-v-e891bf27]{max-height:400px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.submenu-open[data-v-e891bf27]::-webkit-scrollbar{display:none}.submenu-link[data-v-e891bf27]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem .75rem 4rem;color:#fffc;text-decoration:none;transition:all .2s ease;font-size:.875rem}.submenu-icon[data-v-e891bf27]{width:16px;text-align:center;font-size:.875rem;opacity:.8}.submenu-link[data-v-e891bf27]:hover{background-color:#ffffff1a;color:#fff;padding-left:4.5rem}.submenu-link.router-link-active[data-v-e891bf27],.submenu-link.active[data-v-e891bf27]{background-color:#fff3;color:#fff;font-weight:600}.sidebar-footer[data-v-e891bf27]{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.user-info[data-v-e891bf27]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background-color:#ffffff1a;border-radius:8px}.user-avatar[data-v-e891bf27]{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-e891bf27],.avatar-image-small[data-v-e891bf27]{width:100%;height:100%;object-fit:cover;border-radius:50%;aspect-ratio:1 / 1}.user-details[data-v-e891bf27]{flex:1}.user-name[data-v-e891bf27]{font-weight:600;margin:0;font-size:.875rem}.user-role[data-v-e891bf27]{font-size:.75rem;opacity:.8;margin:0}.logout-btn[data-v-e891bf27]{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-e891bf27]:hover{background-color:#ffffff1a;color:#fff;border-color:#ffffff4d}.main-wrapper[data-v-e891bf27]{flex:1;display:flex;flex-direction:column;margin-left:280px;min-height:100vh;width:calc(100% - 280px)}.main-content[data-v-e891bf27]{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-e891bf27]{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-e891bf27]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;max-width:1400px;margin:0 auto}.navbar-title[data-v-e891bf27]{flex:1;text-align:center}.navbar-title h1[data-v-e891bf27]{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-e891bf27]: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-e891bf27]{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-e891bf27]:hover{background-color:#1e3a8a1a;transform:scale(1.05)}.menu-toggle[data-v-e891bf27]:active{transform:scale(.95)}.menu-toggle[data-v-e891bf27]:focus{outline:2px solid rgba(30,58,138,.3);outline-offset:2px}.hamburger[data-v-e891bf27]{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-e891bf27]:nth-child(1){transform:rotate(45deg) translate(6px,6px);background-color:#dc2626}.app-layout.mobile-menu-open .menu-toggle .hamburger[data-v-e891bf27]:nth-child(2){opacity:0;transform:scale(0)}.app-layout.mobile-menu-open .menu-toggle .hamburger[data-v-e891bf27]:nth-child(3){transform:rotate(-45deg) translate(8px,-8px);background-color:#dc2626}.navbar-actions[data-v-e891bf27]{display:flex;align-items:center;gap:1rem}.notification-btn[data-v-e891bf27]{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s}.notification-btn[data-v-e891bf27]:hover{background-color:#0000000d}.notification-icon[data-v-e891bf27]{font-size:1.25rem;color:#1e3a8a}.notification-badge[data-v-e891bf27]{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-e891bf27 2s infinite}@keyframes pulse-e891bf27{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-dropdown[data-v-e891bf27]{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-e891bf27]{opacity:1;visibility:visible;transform:translateY(0)}.notification-header[data-v-e891bf27]{padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb}.notification-header h4[data-v-e891bf27]{margin:0;font-size:1rem;font-weight:600;color:#1e3a8a}.notification-count[data-v-e891bf27]{font-size:.875rem;color:#64748b;margin-top:.25rem;display:block}.notification-loading[data-v-e891bf27],.notification-empty[data-v-e891bf27]{padding:2rem;text-align:center;color:#64748b}.notification-loading i[data-v-e891bf27],.notification-empty i[data-v-e891bf27]{font-size:2rem;margin-bottom:.5rem;display:block}.notification-loading span[data-v-e891bf27],.notification-empty span[data-v-e891bf27]{font-size:.875rem}.notification-list[data-v-e891bf27]{max-height:300px;overflow-y:auto}.notification-item[data-v-e891bf27]{display:flex;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s ease}.notification-item[data-v-e891bf27]:hover{background-color:#f8fafc}.notification-item[data-v-e891bf27]:last-child{border-bottom:none}.notification-item.notification-read[data-v-e891bf27]{opacity:.6;background-color:#f9fafb}.notification-item.notification-read[data-v-e891bf27]:hover{background-color:#f3f4f6}.notification-avatar[data-v-e891bf27]{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-e891bf27]{flex:1;min-width:0}.notification-title[data-v-e891bf27]{font-weight:600;color:#1f2937;font-size:.875rem;margin-bottom:.25rem}.notification-message[data-v-e891bf27]{color:#6b7280;font-size:.8rem;margin-bottom:.5rem;line-height:1.4}.notification-date[data-v-e891bf27]{color:#9ca3af;font-size:.75rem;margin-bottom:.25rem}.notification-time[data-v-e891bf27]{color:#d1d5db;font-size:.7rem}.notification-status[data-v-e891bf27]{flex-shrink:0;position:relative}.unread-indicator[data-v-e891bf27]{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-e891bf27]{padding:.25rem .5rem;border-radius:.375rem;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge.pending[data-v-e891bf27]{background-color:#fef3c7;color:#d97706}.status-badge.approved[data-v-e891bf27]{background-color:#dcfce7;color:#16a34a}.status-badge.rejected[data-v-e891bf27]{background-color:#fee2e2;color:#dc2626}.notification-footer[data-v-e891bf27]{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f8fafc}.btn-view-all[data-v-e891bf27]{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-e891bf27]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.user-menu[data-v-e891bf27]{display:flex;align-items:center;gap:.5rem;position:relative;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s}.user-menu[data-v-e891bf27]:hover{background-color:#0000000d}.user-avatar-small[data-v-e891bf27]{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-e891bf27]{font-size:.875rem;color:#1e3a8a;font-weight:500}.dropdown-arrow[data-v-e891bf27]{transition:transform .2s ease;color:#1e3a8a}.dropdown-arrow-open[data-v-e891bf27]{transform:rotate(180deg)}.user-dropdown[data-v-e891bf27]{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-e891bf27]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header[data-v-e891bf27]{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-e891bf27]{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-e891bf27]{margin:0;font-size:1rem;font-weight:600;color:#1e3a8a}.user-info-dropdown p[data-v-e891bf27]{margin:.25rem 0 0;font-size:.875rem;color:#64748b}.user-info-dropdown .user-role-dropdown[data-v-e891bf27]{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-e891bf27]{margin:.5rem 0 0;font-size:.75rem;color:#94a3b8}.dropdown-divider[data-v-e891bf27]{height:1px;background:#e5e7eb;margin:0}.dropdown-menu[data-v-e891bf27]{list-style:none;margin:0;padding:.5rem 0}.dropdown-menu li[data-v-e891bf27]{margin:0}.dropdown-item[data-v-e891bf27]{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-e891bf27]:hover{background-color:#f8fafc;color:#1e3a8a}.dropdown-icon[data-v-e891bf27]{font-size:1rem;width:20px;text-align:center;display:flex;align-items:center;justify-content:center}.dropdown-icon svg[data-v-e891bf27]{transition:all .3s ease;stroke:currentColor}.dropdown-item:hover .dropdown-icon svg[data-v-e891bf27]{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logout-item[data-v-e891bf27]{color:#dc2626;border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:1rem;position:relative}.logout-item[data-v-e891bf27]:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;box-shadow:inset 0 1px 3px #dc26261a}.logout-item .dropdown-icon svg[data-v-e891bf27]{stroke:#dc2626;filter:drop-shadow(0 1px 2px rgba(220,38,38,.2))}.logout-item:hover .dropdown-icon svg[data-v-e891bf27]{transform:scale(1.15) rotate(-5deg);filter:drop-shadow(0 3px 6px rgba(220,38,38,.3));stroke:#b91c1c}.search-container[data-v-e891bf27]{position:relative;margin-right:1rem}.search-btn[data-v-e891bf27]{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-e891bf27]:hover{background:#64748b1a;color:#1e3a8a;transform:translateY(-1px)}.search-icon[data-v-e891bf27]{display:flex;align-items:center;justify-content:center}.search-dropdown[data-v-e891bf27]{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-e891bf27]{opacity:1;visibility:visible;transform:translateY(0)}.search-header[data-v-e891bf27]{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.search-header h4[data-v-e891bf27]{margin:0;font-size:1rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.search-header-icon[data-v-e891bf27]{font-size:.875rem;color:#3b82f6}.search-subtitle[data-v-e891bf27]{font-size:.8rem;color:#64748b;margin-top:.25rem}.search-input-container[data-v-e891bf27]{position:relative;padding:.75rem 1.5rem;border-bottom:1px solid #e2e8f0}.search-input[data-v-e891bf27]{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-e891bf27]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.clear-search-btn[data-v-e891bf27]{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-e891bf27]:hover{background:#f3f4f6;color:#6b7280}.search-loading[data-v-e891bf27],.search-empty[data-v-e891bf27],.search-placeholder[data-v-e891bf27]{padding:1.5rem;text-align:center;color:#6b7280}.search-loading i[data-v-e891bf27],.search-empty i[data-v-e891bf27],.search-placeholder i[data-v-e891bf27]{font-size:1.25rem;margin-bottom:.5rem;display:block;opacity:.5}.search-results[data-v-e891bf27]{max-height:280px;overflow-y:auto}.search-result-item[data-v-e891bf27]{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-e891bf27]:hover{background:#f8fafc;transform:translate(2px)}.search-result-item[data-v-e891bf27]:last-child{border-bottom:none}.result-icon[data-v-e891bf27]{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-e891bf27]{flex:1;min-width:0}.result-title[data-v-e891bf27]{font-weight:600;color:#1e293b;margin-bottom:.125rem;font-size:.875rem}.result-description[data-v-e891bf27]{color:#6b7280;font-size:.75rem;margin-bottom:.25rem;line-height:1.3}.result-category[data-v-e891bf27]{color:#3b82f6;font-size:.7rem;font-weight:500;background:#3b82f61a;padding:.125rem .375rem;border-radius:3px;display:inline-block}.result-action[data-v-e891bf27]{color:#9ca3af;transition:all .2s ease}.search-result-item:hover .result-action[data-v-e891bf27]{color:#3b82f6;transform:translate(2px)}@media (max-width: 768px){.search-dropdown[data-v-e891bf27]{width:calc(100vw - 1rem);right:-.5rem;max-height:70vh;border-radius:12px}.search-header[data-v-e891bf27]{padding:12px 16px}.search-header h4[data-v-e891bf27]{font-size:1rem}.search-subtitle[data-v-e891bf27]{font-size:.8rem}.search-input-container[data-v-e891bf27]{padding:0 16px 12px}.search-input[data-v-e891bf27]{font-size:.9rem;padding:10px 12px}.search-results[data-v-e891bf27]{max-height:50vh}.search-result-item[data-v-e891bf27]{padding:10px 16px;gap:12px}.result-icon[data-v-e891bf27]{width:32px;height:32px;font-size:.9rem;flex-shrink:0}.result-content[data-v-e891bf27]{flex:1;min-width:0}.result-title[data-v-e891bf27]{font-size:.9rem;font-weight:600;margin-bottom:2px}.result-description[data-v-e891bf27]{font-size:.8rem;line-height:1.3;margin-bottom:2px}.result-category[data-v-e891bf27]{font-size:.7rem;opacity:.8}.result-action[data-v-e891bf27]{width:20px;height:20px;flex-shrink:0}.search-placeholder[data-v-e891bf27],.search-empty[data-v-e891bf27]{padding:20px 16px;font-size:.85rem}}@media (min-width: 1025px){.sidebar[data-v-e891bf27]{transform:translate(0)}.main-wrapper[data-v-e891bf27]{margin-left:280px;width:calc(100% - 280px)}.menu-toggle[data-v-e891bf27]{display:none}.mobile-overlay[data-v-e891bf27]{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.sidebar[data-v-e891bf27]{transform:translate(-100%);z-index:1000;width:280px;box-shadow:2px 0 10px #0000001a}.sidebar.sidebar-open[data-v-e891bf27]{transform:translate(0)}.main-wrapper[data-v-e891bf27]{margin-left:0;width:100%}.menu-toggle[data-v-e891bf27]{display:flex;z-index:1001;position:relative}.mobile-overlay[data-v-e891bf27]{display:block}.app-layout.mobile-menu-open .mobile-overlay[data-v-e891bf27]{display:block!important;opacity:1;visibility:visible;pointer-events:auto}}@media (max-width: 768px){.sidebar[data-v-e891bf27]{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-e891bf27]{transform:translate(0)}.mobile-overlay[data-v-e891bf27]{display:block;background-color:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.app-layout.mobile-menu-open .mobile-overlay[data-v-e891bf27]{display:block!important;opacity:1;visibility:visible;pointer-events:auto}.mobile-only[data-v-e891bf27]{display:block}.main-wrapper[data-v-e891bf27]{margin-left:0;width:100%}.menu-toggle[data-v-e891bf27]{display:flex;z-index:1001;position:relative;background:transparent;border:none;cursor:pointer}.navbar-content[data-v-e891bf27]{padding:.75rem 1rem}.navbar-title h1[data-v-e891bf27]{font-size:1.25rem}.navbar-title h1[data-v-e891bf27]:after{width:75%}.welcome-text[data-v-e891bf27]{display:none}.notification-btn[data-v-e891bf27]{padding:.25rem}.notification-icon[data-v-e891bf27]{font-size:1.125rem}.user-dropdown[data-v-e891bf27]{min-width:260px;right:-1rem}.dropdown-header[data-v-e891bf27]{padding:1rem}.dropdown-item[data-v-e891bf27]{padding:.75rem 1rem}.notification-badge[data-v-e891bf27]{width:1rem;height:1rem;font-size:.6rem}.main-content[data-v-e891bf27]{padding:80px 1rem 1rem}.sidebar-header[data-v-e891bf27]{padding:1.2rem}.title-section h2[data-v-e891bf27]{font-size:1.3rem}.nav-link[data-v-e891bf27]{padding:.75rem 1.2rem;margin-right:.8rem}.nav-text[data-v-e891bf27]{font-size:.9rem}.submenu-link[data-v-e891bf27]{padding:.65rem 1.2rem .65rem 3.5rem;font-size:.85rem}.sidebar-nav[data-v-e891bf27]{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-e891bf27]::-webkit-scrollbar{width:6px}.sidebar-nav[data-v-e891bf27]::-webkit-scrollbar-track{background:transparent}.sidebar-nav[data-v-e891bf27]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-nav[data-v-e891bf27]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-footer[data-v-e891bf27]{padding:1.2rem;flex-shrink:0}.user-info[data-v-e891bf27]{padding:.6rem}.user-name[data-v-e891bf27]{font-size:.85rem}.user-role[data-v-e891bf27]{font-size:.7rem}.logout-btn[data-v-e891bf27]{padding:.65rem .8rem;font-size:.85rem}}@media (max-width: 480px){.sidebar[data-v-e891bf27]{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-e891bf27]{font-size:1rem}.navbar-content[data-v-e891bf27]{padding:.5rem .75rem}.menu-toggle[data-v-e891bf27]{padding:.25rem}.main-content[data-v-e891bf27]{padding:70px .75rem .75rem}.notification-dropdown[data-v-e891bf27]{min-width:300px;max-width:320px;right:-.5rem}.notification-item[data-v-e891bf27],.notification-header[data-v-e891bf27],.notification-footer[data-v-e891bf27]{padding:.75rem 1rem}.sidebar-header[data-v-e891bf27]{padding:1rem}.title-section h2[data-v-e891bf27]{font-size:1.2rem}.nav-link[data-v-e891bf27]{padding:.7rem 1rem;margin-right:.6rem}.nav-text[data-v-e891bf27]{font-size:.85rem}.submenu-link[data-v-e891bf27]{padding:.6rem 1rem .6rem 3rem;font-size:.8rem}.sidebar-nav[data-v-e891bf27]{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0}.sidebar-nav[data-v-e891bf27]::-webkit-scrollbar{width:8px}.sidebar-nav[data-v-e891bf27]::-webkit-scrollbar-track{background:transparent}.sidebar-nav[data-v-e891bf27]::-webkit-scrollbar-thumb{background:#fff6;border-radius:4px}.sidebar-footer[data-v-e891bf27]{padding:1rem;flex-shrink:0}.user-info[data-v-e891bf27]{padding:.5rem}.user-avatar[data-v-e891bf27]{width:35px;height:35px;font-size:1.1rem}.user-name[data-v-e891bf27]{font-size:.8rem}.user-role[data-v-e891bf27]{font-size:.65rem}.logout-btn[data-v-e891bf27]{padding:.6rem .7rem;font-size:.8rem}}@media (max-width: 360px){.sidebar[data-v-e891bf27]{width:85vw;max-width:260px}.sidebar-header[data-v-e891bf27]{padding:.8rem}.title-section h2[data-v-e891bf27]{font-size:1.1rem}.nav-link[data-v-e891bf27]{padding:.65rem .8rem;margin-right:.4rem}.nav-text[data-v-e891bf27]{font-size:.8rem}.nav-icon[data-v-e891bf27]{width:20px;height:20px}.nav-icon svg[data-v-e891bf27]{width:18px;height:18px}}.logout-modal-overlay[data-v-e891bf27]{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-e891bf27]{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-e891bf27 .18s cubic-bezier(.4,2,.6,1) both}@keyframes modalPop-e891bf27{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.logout-modal-icon[data-v-e891bf27]{margin-bottom:1.2rem;display:flex;align-items:center;justify-content:center}.logout-modal-title[data-v-e891bf27]{font-size:1.18rem;font-weight:600;color:#1e293b;margin-bottom:1.6rem}.logout-modal-actions[data-v-e891bf27]{display:flex;gap:1.2rem;justify-content:center;margin-top:1.2rem}.logout-btn-yes[data-v-e891bf27],.logout-btn-cancel[data-v-e891bf27]{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-e891bf27]{background:linear-gradient(90deg,#ef4444 60%,#f87171);color:#fff;box-shadow:0 2px 8px #ef44441a}.logout-btn-yes[data-v-e891bf27]:hover,.logout-btn-yes[data-v-e891bf27]: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-e891bf27]{background:#f3f4f6;color:#334155}.logout-btn-cancel[data-v-e891bf27]:hover,.logout-btn-cancel[data-v-e891bf27]:focus{background:#e5e7eb;color:#1e293b;transform:translateY(-2px) scale(1.03)}@media (max-width: 480px){.logout-modal-content[data-v-e891bf27]{padding:1.5rem .5rem 1.2rem;max-width:98vw}.logout-modal-actions[data-v-e891bf27]{flex-direction:column;gap:.7rem}.logout-btn-yes[data-v-e891bf27],.logout-btn-cancel[data-v-e891bf27]{min-width:0;width:100%;font-size:1rem;padding:.9rem 0}}.logout-modal-simple[data-v-e891bf27]{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-e891bf27]{margin-bottom:1.1rem;display:flex;align-items:center;justify-content:center;opacity:.85}.logout-modal-title-simple[data-v-e891bf27]{font-size:1.05rem;font-weight:500;color:#222;margin-bottom:1.3rem;letter-spacing:.01em}.logout-modal-actions-simple[data-v-e891bf27]{display:flex;gap:.7rem;justify-content:center;margin-top:.5rem}.logout-btn-yes-simple[data-v-e891bf27]{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-e891bf27]:hover,.logout-btn-yes-simple[data-v-e891bf27]:focus{background:#dc2626;color:#fff}.logout-btn-cancel-simple[data-v-e891bf27]{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-e891bf27]:hover,.logout-btn-cancel-simple[data-v-e891bf27]:focus{background:#e5e7eb;color:#1e293b}@media (max-width: 480px){.logout-modal-simple[data-v-e891bf27]{padding:1.2rem .5rem 1rem;max-width:98vw}.logout-modal-actions-simple[data-v-e891bf27]{flex-direction:column;gap:.5rem}.logout-btn-yes-simple[data-v-e891bf27],.logout-btn-cancel-simple[data-v-e891bf27]{width:100%;font-size:.98rem;padding:.9rem 0}}.action-section[data-v-bc6991d6]{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-bc6991d6]{margin-bottom:1.5rem}.section-header h2[data-v-bc6991d6]{font-size:1.5rem;font-weight:700;color:#111827}.quota-grid[data-v-bc6991d6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.quota-card[data-v-bc6991d6]{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;transition:all .2s ease-in-out}.quota-card[data-v-bc6991d6]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.card-header[data-v-bc6991d6]{background-color:#f3f4f6;padding:.75rem 1.25rem;border-bottom:1px solid #e5e7eb}.card-title[data-v-bc6991d6]{font-size:1rem;font-weight:600;color:#374151}.card-body[data-v-bc6991d6]{padding:1.25rem}.quota-usage[data-v-bc6991d6]{font-size:1.75rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:baseline}.used[data-v-bc6991d6]{color:#2563eb}.separator[data-v-bc6991d6]{color:#d1d5db;margin:0 .5rem}.total[data-v-bc6991d6]{font-size:1.25rem;color:#6b7280}.unit[data-v-bc6991d6]{font-size:.875rem;color:#6b7280;margin-left:.5rem}.progress-bar[data-v-bc6991d6]{width:100%;height:6px;background-color:#e5e7eb;border-radius:9999px;margin-bottom:.5rem}.progress-fill[data-v-bc6991d6]{height:100%;background-color:#2563eb;border-radius:9999px;transition:width .5s ease-in-out}.quota-remaining[data-v-bc6991d6]{font-size:.875rem;color:#4b5563;text-align:right}.loading-state[data-v-bc6991d6],.error-state[data-v-bc6991d6],.empty-state[data-v-bc6991d6]{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-7d8aef10]{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-7d8aef10]{margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:8px;border-bottom:2px solid #f1f5f9}.header-content[data-v-7d8aef10]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.welcome-section[data-v-7d8aef10]{flex:1}.welcome-section h1[data-v-7d8aef10]{font-size:24px;font-weight:500;color:#0f172a;margin:0 0 4px;line-height:1.3}.welcome-section p[data-v-7d8aef10]{font-size:14px;color:#64748b;margin:0;font-weight:400}.current-time[data-v-7d8aef10]{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:8px 0}.time-display[data-v-7d8aef10]{font-size:20px;font-weight:500;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;align-items:center;gap:8px}.time-display i[data-v-7d8aef10]{font-size:16px;color:#94a3b8}.date-display[data-v-7d8aef10]{font-size:13px;color:#64748b;font-weight:400}.worship-section[data-v-7d8aef10]{margin-bottom:24px}.worship-card[data-v-7d8aef10]{background:#fff;border-radius:8px;padding:20px;border:1px solid #e2e8f0;border-bottom:2px solid #f1f5f9}.worship-header[data-v-7d8aef10]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.worship-title[data-v-7d8aef10]{font-size:18px;font-weight:500;margin:0;color:#0f172a;display:flex;align-items:center;gap:10px}.worship-title i[data-v-7d8aef10]{font-size:16px;color:#64748b}.worship-time[data-v-7d8aef10]{font-size:13px;color:#64748b;font-weight:400}.worship-main-row[data-v-7d8aef10]{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.worship-status-col[data-v-7d8aef10]{display:flex;flex-direction:column;gap:12px;flex:1}.status-row[data-v-7d8aef10]{display:flex;align-items:center;gap:10px}.status-icon[data-v-7d8aef10]{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.status-icon.belum-hadir[data-v-7d8aef10]{background:#f1f5f9;color:#64748b}.status-icon.sudah-hadir[data-v-7d8aef10]{background:#f0fdf4;color:#16a34a}.status-icon.sudah-selesai[data-v-7d8aef10]{background:#f8fafc;color:#94a3b8}.status-icon.bukan-hari-ibadah[data-v-7d8aef10]{background:#f8fafc;color:#cbd5e1}.status-text[data-v-7d8aef10]{font-size:14px;font-weight:400;color:#475569;line-height:1.5}.status-text.sudah-hadir[data-v-7d8aef10]{color:#16a34a;font-weight:500}.status-text.belum-hadir[data-v-7d8aef10]{color:#475569}.status-text.sudah-selesai[data-v-7d8aef10]{color:#64748b}.status-text.bukan-hari-ibadah[data-v-7d8aef10]{color:#94a3b8}.btn-text[data-v-7d8aef10]{font-weight:500}.countdown[data-v-7d8aef10]{font-size:12px;color:#94a3b8;margin-top:4px;font-weight:400}.worship-action-col[data-v-7d8aef10]{display:flex;flex-direction:column;gap:10px;align-items:flex-end;min-width:200px}.btn-zoom[data-v-7d8aef10]{background:#0f172a;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;display:flex;align-items:center;justify-content:center}.btn-zoom[data-v-7d8aef10]:hover:not(:disabled){background:#1e293b}.btn-zoom[data-v-7d8aef10]:active:not(:disabled){transform:scale(.98)}.btn-zoom[data-v-7d8aef10]:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.zoom-logo[data-v-7d8aef10]{display:flex;align-items:center;margin-right:8px}.worship-note[data-v-7d8aef10]{color:#64748b;font-size:12px;display:flex;align-items:flex-start;gap:8px;line-height:1.5;width:100%}.worship-note i[data-v-7d8aef10]{color:#94a3b8;font-size:12px;margin-top:2px;flex-shrink:0}@media (min-width: 1400px){.employee-dashboard[data-v-7d8aef10]{max-width:100%;margin:0 auto;padding:0 32px}.dashboard-grid[data-v-7d8aef10]{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.calendar-section[data-v-7d8aef10]{min-height:800px}.worship-card[data-v-7d8aef10]{padding:32px}.btn-zoom[data-v-7d8aef10]{padding:10px 20px;font-size:15px}}@media (min-width: 1200px) and (max-width: 1399px){.employee-dashboard[data-v-7d8aef10]{max-width:100%;margin:0 auto;padding:0 24px}.dashboard-grid[data-v-7d8aef10]{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:28px}.calendar-section[data-v-7d8aef10]{min-height:700px}.worship-card[data-v-7d8aef10]{padding:28px}.btn-zoom[data-v-7d8aef10]{padding:9px 18px;font-size:14px}}@media (min-width: 992px) and (max-width: 1199px){.employee-dashboard[data-v-7d8aef10]{padding:0 20px}.dashboard-grid[data-v-7d8aef10]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.calendar-section[data-v-7d8aef10]{min-height:600px}.worship-card[data-v-7d8aef10]{padding:24px}.btn-zoom[data-v-7d8aef10]{padding:14px 28px;font-size:16px}}@media (min-width: 768px) and (max-width: 991px){.employee-dashboard[data-v-7d8aef10]{padding:0 16px;max-width:100%}.dashboard-header[data-v-7d8aef10]{padding:16px 20px}.header-content[data-v-7d8aef10]{flex-direction:column;align-items:flex-start;gap:16px}.welcome-section h1[data-v-7d8aef10]{font-size:22px}.current-time[data-v-7d8aef10]{align-items:flex-start;width:100%}.time-display[data-v-7d8aef10]{font-size:18px}.dashboard-grid[data-v-7d8aef10]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.worship-header[data-v-7d8aef10]{margin-bottom:16px;padding-bottom:12px}.status-row[data-v-7d8aef10]{justify-content:center}.btn-zoom[data-v-7d8aef10]{width:100%;max-width:100%}.calendar-section[data-v-7d8aef10]{min-height:550px}.worship-card[data-v-7d8aef10]{padding:16px}.worship-header[data-v-7d8aef10]{margin-bottom:16px;padding-bottom:12px;flex-direction:column;align-items:flex-start;gap:8px}.worship-title[data-v-7d8aef10]{font-size:16px}.worship-time[data-v-7d8aef10]{font-size:12px}.worship-main-row[data-v-7d8aef10]{flex-direction:column;gap:20px}.worship-status-col[data-v-7d8aef10]{width:100%}.status-row[data-v-7d8aef10]{justify-content:flex-start}.worship-action-col[data-v-7d8aef10]{align-items:stretch;width:100%;min-width:auto}.btn-zoom[data-v-7d8aef10]{width:100%;padding:12px 20px;font-size:14px}.worship-note[data-v-7d8aef10]{font-size:11px}.zoom-logo-besar svg[data-v-7d8aef10]{width:40px;height:40px}.calendar-section[data-v-7d8aef10]{min-height:500px}.profile-card .card-header[data-v-7d8aef10]{padding:14px 16px}.profile-card .card-content[data-v-7d8aef10]{padding:18px}.profile-avatar[data-v-7d8aef10]{width:68px;height:68px;margin-bottom:16px}.profile-info h4[data-v-7d8aef10]{font-size:17px}.position[data-v-7d8aef10]{font-size:13px}.nip[data-v-7d8aef10]{font-size:12px}.profile-details[data-v-7d8aef10]{gap:10px;margin-top:14px;padding-top:14px}.detail-item[data-v-7d8aef10]{font-size:12px}}@media (max-width: 575px){.employee-dashboard[data-v-7d8aef10]{padding:0 8px;max-width:100%}.dashboard-header[data-v-7d8aef10]{padding:16px;margin-bottom:16px}.header-content[data-v-7d8aef10]{flex-direction:column;align-items:flex-start;gap:12px}.welcome-section h1[data-v-7d8aef10]{font-size:20px;line-height:1.3}.welcome-section p[data-v-7d8aef10]{font-size:13px}.current-time[data-v-7d8aef10]{align-items:flex-start;width:100%;padding:0}.time-display[data-v-7d8aef10]{font-size:18px}.date-display[data-v-7d8aef10]{font-size:12px}.dashboard-grid[data-v-7d8aef10]{grid-template-columns:1fr;gap:12px}.worship-card[data-v-7d8aef10]{padding:16px;border-radius:8px}.worship-header[data-v-7d8aef10]{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px;padding-bottom:12px}.worship-title[data-v-7d8aef10]{font-size:16px}.worship-time[data-v-7d8aef10]{font-size:12px}.worship-main-row[data-v-7d8aef10]{flex-direction:column;gap:20px}.worship-status-col[data-v-7d8aef10]{width:100%}.status-row[data-v-7d8aef10]{justify-content:flex-start}.worship-action-col[data-v-7d8aef10]{align-items:stretch;width:100%;min-width:auto}.status-icon[data-v-7d8aef10]{width:32px;height:32px;font-size:10px}.status-text[data-v-7d8aef10]{font-size:12px}.worship-action-col[data-v-7d8aef10]{align-items:center}.btn-zoom[data-v-7d8aef10]{width:100%;padding:14px 16px;font-size:14px;border-radius:6px}.zoom-logo-besar svg[data-v-7d8aef10]{width:36px;height:36px}.worship-note[data-v-7d8aef10]{font-size:11px;text-align:center}.calendar-section[data-v-7d8aef10]{min-height:450px}.profile-card .card-header[data-v-7d8aef10]{padding:12px 14px}.profile-card .card-content[data-v-7d8aef10]{padding:16px}.profile-avatar[data-v-7d8aef10]{width:64px;height:64px;margin-bottom:16px}.avatar-placeholder[data-v-7d8aef10]{font-size:24px}.profile-info h4[data-v-7d8aef10]{font-size:16px}.position[data-v-7d8aef10]{font-size:12px}.nip[data-v-7d8aef10]{font-size:11px;margin-bottom:14px}.profile-details[data-v-7d8aef10]{gap:10px;margin-top:14px;padding-top:14px}.detail-item[data-v-7d8aef10]{font-size:12px;justify-content:flex-start}.detail-item i[data-v-7d8aef10]{font-size:13px}}.dashboard-grid[data-v-7d8aef10]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:24px}.dashboard-row[data-v-7d8aef10]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:24px}.dashboard-row.single-card[data-v-7d8aef10]{display:grid;grid-template-columns:1fr}.dashboard-row:first-of-type .absensi-card .card-content[data-v-7d8aef10]{display:flex;flex-direction:column;align-items:center;text-align:center}.dashboard-row:first-of-type .absensi-chart[data-v-7d8aef10]{margin-bottom:20px}.dashboard-row:first-of-type .absensi-stats[data-v-7d8aef10]{display:grid;gap:12px;width:100%}.dashboard-row:first-of-type .stat-item[data-v-7d8aef10]{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-7d8aef10]{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-7d8aef10]: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-7d8aef10]{color:#4a5568}.dashboard-row:first-of-type .gaji-item .value[data-v-7d8aef10]{color:#2d3748;font-weight:600}.calendar-section[data-v-7d8aef10]{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-7d8aef10]:hover{box-shadow:0 16px 48px #0000001f}.empty-state[data-v-7d8aef10]{text-align:center;padding:60px 40px;color:#718096}.empty-state.supervisor-empty[data-v-7d8aef10]{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:16px;padding:80px 40px;position:relative;overflow:hidden}.empty-state.supervisor-empty[data-v-7d8aef10]: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-7d8aef10 4s ease-in-out infinite}@keyframes pulse-7d8aef10{0%,to{opacity:.5}50%{opacity:1}}.empty-illustration[data-v-7d8aef10]{position:relative;display:inline-block;margin-bottom:32px}.empty-icon[data-v-7d8aef10]{font-size:64px;display:block;margin-bottom:16px;position:relative;z-index:1}.supervisor-empty .empty-icon[data-v-7d8aef10]{font-size:72px;filter:drop-shadow(0 4px 8px rgba(102,126,234,.2))}.empty-accent[data-v-7d8aef10]{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-7d8aef10]{position:relative;z-index:1}.empty-title[data-v-7d8aef10]{font-size:24px;font-weight:600;color:#2d3748;margin-bottom:16px;line-height:1.4}.supervisor-empty .empty-title[data-v-7d8aef10]{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-7d8aef10]{font-size:16px;line-height:1.6;color:#4a5568;max-width:500px;margin:0 auto 32px}.empty-action[data-v-7d8aef10]{margin-top:24px}.btn-contact-hr[data-v-7d8aef10]{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-7d8aef10]:hover{background:#2563eb}.btn-contact-hr i[data-v-7d8aef10]{margin-right:8px}@media (min-width: 1200px){.employee-dashboard[data-v-7d8aef10]{padding:0 24px}}.dashboard-card[data-v-7d8aef10]{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-7d8aef10]:not(.profile-card):hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px) translateZ(0)}.dashboard-card.profile-card[data-v-7d8aef10],.dashboard-card[class*=pegawai][data-v-7d8aef10],.dashboard-card[class*=data][data-v-7d8aef10],.dashboard-card[class*=info][data-v-7d8aef10],.dashboard-card[class*=rekap][data-v-7d8aef10],.dashboard-card[class*=gaji][data-v-7d8aef10],.dashboard-card[class*=cuti][data-v-7d8aef10],.dashboard-card[class*=kinerja][data-v-7d8aef10]{transition:none!important;will-change:auto!important}.dashboard-card.profile-card[data-v-7d8aef10]:hover,.dashboard-card[class*=pegawai][data-v-7d8aef10]:hover,.dashboard-card[class*=data][data-v-7d8aef10]:hover,.dashboard-card[class*=info][data-v-7d8aef10]:hover,.dashboard-card[class*=rekap][data-v-7d8aef10]:hover,.dashboard-card[class*=gaji][data-v-7d8aef10]:hover,.dashboard-card[class*=cuti][data-v-7d8aef10]:hover,.dashboard-card[class*=kinerja][data-v-7d8aef10]:hover{box-shadow:0 1px 3px #0000001a!important;transform:none!important}.card-header[data-v-7d8aef10]{padding:20px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header .header-left[data-v-7d8aef10]{display:flex;align-items:center;gap:12px}.card-header i[data-v-7d8aef10]{font-size:20px;color:#3b82f6}.card-header h3[data-v-7d8aef10]{font-size:18px;font-weight:600;color:#1e293b;margin:0}.card-content[data-v-7d8aef10]{padding:20px}.profile-card[data-v-7d8aef10]{background:#fff;border-radius:8px;border:1px solid #e2e8f0;border-bottom:2px solid #f1f5f9}.profile-card .card-header[data-v-7d8aef10]{padding:16px 20px;border-bottom:1px solid #f1f5f9;margin-bottom:0}.profile-card .card-header i[data-v-7d8aef10]{color:#64748b;font-size:16px}.profile-card .card-header h3[data-v-7d8aef10]{font-size:16px;font-weight:500;color:#0f172a}.profile-card .card-content[data-v-7d8aef10]{padding:20px}.profile-avatar[data-v-7d8aef10]{width:72px;height:72px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:2px solid #f1f5f9;background:#f8fafc}.profile-avatar img[data-v-7d8aef10]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-7d8aef10]{width:100%;height:100%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:28px}.profile-info[data-v-7d8aef10]{text-align:center}.profile-info h4[data-v-7d8aef10]{font-size:18px;font-weight:500;color:#0f172a;margin:0 0 6px;line-height:1.4}.position[data-v-7d8aef10]{font-size:14px;color:#64748b;margin:0 0 4px;font-weight:400}.nip[data-v-7d8aef10]{font-size:13px;color:#94a3b8;margin:0 0 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;letter-spacing:.5px}.profile-details[data-v-7d8aef10]{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.detail-item[data-v-7d8aef10]{display:flex;align-items:center;gap:10px;font-size:13px;color:#475569;justify-content:center}.detail-item i[data-v-7d8aef10]{width:16px;color:#94a3b8;font-size:14px;flex-shrink:0}.detail-item span[data-v-7d8aef10]{color:#64748b;font-weight:400}.absensi-chart[data-v-7d8aef10]{display:flex;justify-content:center;margin-bottom:16px}.absensi-summary[data-v-7d8aef10]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.absensi-table-container[data-v-7d8aef10]{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.absensi-table[data-v-7d8aef10]{width:100%;border-collapse:collapse;font-size:14px}.absensi-table th[data-v-7d8aef10]{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-7d8aef10]{padding:10px 8px;border-bottom:1px solid #f1f5f9;color:#4b5563}.absensi-table tr[data-v-7d8aef10]:hover{background:#f8fafc}.attendance-row[data-v-7d8aef10]:nth-child(2n){background:#fafafa}.status-badge[data-v-7d8aef10]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.present[data-v-7d8aef10]{background:#dbeafe;color:#1e40af}.status-badge.absent[data-v-7d8aef10]{background:#fee2e2;color:#991b1b}.status-badge.late[data-v-7d8aef10],.status-badge.present_late[data-v-7d8aef10],.status-badge.present_ontime[data-v-7d8aef10],.status-badge.permission[data-v-7d8aef10]{background:#dbeafe;color:#1e40af}.status-badge.sick[data-v-7d8aef10],.status-badge.sakit[data-v-7d8aef10]{background:#dcfce7;color:#166534}.status-badge.cuti[data-v-7d8aef10]{background:#fee2e2;color:#991b1b}.status-badge.holiday[data-v-7d8aef10]{background:#f3e8ff;color:#7c3aed}.no-data[data-v-7d8aef10]{text-align:center;color:#9ca3af;font-style:italic;padding:20px}.absensi-stats[data-v-7d8aef10]{display:flex;flex-direction:column;gap:8px}.stat-item[data-v-7d8aef10]{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.stat-color[data-v-7d8aef10]{width:12px;height:12px;border-radius:50%}.stat-color.hadir[data-v-7d8aef10]{background:#3b82f6}.stat-color.izin[data-v-7d8aef10]{background:#f59e0b}.stat-color.cuti[data-v-7d8aef10]{background:#ef4444}.stat-color.sakit[data-v-7d8aef10]{background:#10b981}.gaji-item[data-v-7d8aef10]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #F3F4F6}.gaji-item[data-v-7d8aef10]:last-child{border-bottom:none}.gaji-item.total[data-v-7d8aef10]{font-weight:600;color:#374151;border-top:2px solid #E5E7EB;margin-top:8px;padding-top:12px}.gaji-item .label[data-v-7d8aef10]{color:#6b7280;font-size:14px}.gaji-item .value[data-v-7d8aef10]{color:#374151;font-size:14px;font-weight:500}.gaji-toggle-btn[data-v-7d8aef10]{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-7d8aef10]:hover{background:#f3f4f6;color:#374151}.gaji-toggle-btn.active[data-v-7d8aef10]{color:#3b82f6;background:#eff6ff}.gaji-toggle-btn i[data-v-7d8aef10]{font-size:16px}.gaji-masked .gaji-item .value.masked[data-v-7d8aef10]{color:#9ca3af;font-family:monospace;letter-spacing:2px;font-weight:600}.gaji-reveal-hint[data-v-7d8aef10]{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-7d8aef10]{margin-right:6px;color:#3b82f6}.gaji-revealed .gaji-item .value[data-v-7d8aef10]{color:#374151;font-weight:500;transition:color .3s ease}.cuti-list[data-v-7d8aef10]{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.cuti-list[data-v-7d8aef10]::-webkit-scrollbar{width:6px}.cuti-list[data-v-7d8aef10]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.cuti-list[data-v-7d8aef10]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cuti-list[data-v-7d8aef10]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cuti-item[data-v-7d8aef10]{padding:12px;background:#f9fafb;border-radius:8px}.cuti-info[data-v-7d8aef10]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cuti-label[data-v-7d8aef10]{font-size:14px;font-weight:500;color:#374151}.cuti-count[data-v-7d8aef10]{font-size:14px;color:#6b7280}.cuti-progress[data-v-7d8aef10]{margin-bottom:8px}.progress-bar[data-v-7d8aef10]{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill[data-v-7d8aef10]{height:100%;background:#3b82f6;border-radius:3px;transition:width .3s ease}.cuti-remaining[data-v-7d8aef10]{font-size:12px;color:#9ca3af}.data-section[data-v-7d8aef10]{margin-bottom:20px}.data-section[data-v-7d8aef10]:last-child{margin-bottom:0}.section-title[data-v-7d8aef10]{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #E5E7EB}.view-toggle[data-v-7d8aef10]{display:flex;gap:4px;margin-left:auto}.toggle-btn[data-v-7d8aef10]{padding:6px 8px;border:1px solid #E5E7EB;background:#f9fafb;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#6b7280}.toggle-btn[data-v-7d8aef10]:hover{background:#f3f4f6;border-color:#d1d5db}.toggle-btn.active[data-v-7d8aef10]{background:#3b82f6;border-color:#3b82f6;color:#fff}.toggle-btn.active i[data-v-7d8aef10]{color:#fff}.absensi-chart-container[data-v-7d8aef10]{padding:16px;height:350px;position:relative}.year-filter-container[data-v-7d8aef10]{display:flex;align-items:center;gap:12px;padding:16px 16px 0;margin-bottom:16px}.year-filter-label[data-v-7d8aef10]{font-weight:500;color:#374151;font-size:14px}.year-filter-select[data-v-7d8aef10]{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-7d8aef10]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.year-filter-select[data-v-7d8aef10]:hover{border-color:#9ca3af}.absensi-list-container[data-v-7d8aef10]{padding:16px}.history-list[data-v-7d8aef10],.training-list[data-v-7d8aef10],.benefits-list[data-v-7d8aef10]{display:flex;flex-direction:column;gap:12px}.history-item[data-v-7d8aef10],.training-item[data-v-7d8aef10],.benefit-item[data-v-7d8aef10]{padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB}.history-company[data-v-7d8aef10],.training-name[data-v-7d8aef10],.benefit-type[data-v-7d8aef10]{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px}.history-position[data-v-7d8aef10],.training-provider[data-v-7d8aef10]{font-size:13px;color:#6b7280;margin-bottom:4px}.history-period[data-v-7d8aef10],.training-date[data-v-7d8aef10]{font-size:12px;color:#9ca3af}.benefit-item[data-v-7d8aef10]{display:flex;justify-content:space-between;align-items:center}.benefit-amount[data-v-7d8aef10]{font-size:14px;font-weight:600;color:#10b981}.calendar-nav[data-v-7d8aef10]{display:flex;align-items:center;justify-content:space-between;width:100%}.calendar-nav h3[data-v-7d8aef10]{margin:0;font-size:16px;font-weight:600;color:#374151}.nav-btn[data-v-7d8aef10]{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.nav-btn[data-v-7d8aef10]:hover{background:#e5e7eb;color:#374151}.empty-state[data-v-7d8aef10]{text-align:center;padding:40px 20px;color:#6b7280}.empty-icon[data-v-7d8aef10]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text[data-v-7d8aef10]{font-size:16px;font-weight:500;margin-bottom:8px;color:#374151}.empty-subtext[data-v-7d8aef10]{font-size:14px;opacity:.8}.loading-skeleton[data-v-7d8aef10]{display:flex;flex-direction:column;gap:12px}.skeleton-circle[data-v-7d8aef10]{width:80px;height:80px;border-radius:50%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer-7d8aef10 1.5s infinite;margin:0 auto}.skeleton-lines[data-v-7d8aef10]{display:flex;flex-direction:column;gap:8px}.skeleton-line[data-v-7d8aef10]{height:12px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer-7d8aef10 1.5s infinite;border-radius:6px}@keyframes shimmer-7d8aef10{0%{background-position:-200% 0}to{background-position:200% 0}}.calendar-section[data-v-7d8aef10]{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-7d8aef10],.holiday-modal-overlay[data-v-7d8aef10]{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-7d8aef10]{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-7d8aef10]{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-7d8aef10]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e1e3e6;background:#fafafa}.header-left[data-v-7d8aef10]{display:flex;align-items:center;gap:8px}.header-right[data-v-7d8aef10]{display:flex;align-items:center;gap:16px}.nav-btn[data-v-7d8aef10]{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-7d8aef10]:hover{background:#f1f3f4;color:#202124}.nav-btn[data-v-7d8aef10]:disabled{background:transparent;color:#dadce0;cursor:not-allowed}.calendar-title[data-v-7d8aef10]{font-size:22px;font-weight:400;color:#3c4043;margin:0 0 0 8px}.today-btn[data-v-7d8aef10]{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-7d8aef10]:hover{background:#1557b0;box-shadow:0 1px 2px #0000004d}.view-selector[data-v-7d8aef10]{display:flex;align-items:center;gap:8px}.view-label[data-v-7d8aef10]{font-size:14px;color:#5f6368;font-weight:500}.header-actions[data-v-7d8aef10]{display:flex;align-items:center;gap:8px}.action-btn[data-v-7d8aef10]{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-7d8aef10]{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-7d8aef10]{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #E5E7EB;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:0}.calendar-weekdays[data-v-7d8aef10]{display:grid;grid-template-columns:repeat(7,1fr);background:#f9fafb;border-bottom:2px solid #E5E7EB}.weekday[data-v-7d8aef10]{padding:15px 10px;text-align:center;font-weight:600;color:#374151;font-size:14px;border-right:1px solid #E5E7EB}.weekday[data-v-7d8aef10]:last-child{border-right:none}.calendar-days[data-v-7d8aef10]{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day[data-v-7d8aef10]{background:#fff;padding:15px 10px;text-align:center;cursor:pointer;min-height:60px;border-right:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.calendar-day[data-v-7d8aef10]:hover{background:#f9fafb!important;z-index:auto!important;cursor:pointer;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.day-content[data-v-7d8aef10]{display:flex;flex-direction:column;height:100%;gap:4px;align-items:center;justify-content:center}.day-number[data-v-7d8aef10]{font-size:1rem;font-weight:500;color:#374151;margin-bottom:5px}.event-indicator[data-v-7d8aef10]{display:flex;flex-direction:column;gap:2px;margin-top:2px}.event-bar[data-v-7d8aef10]{height:3px;border-radius:2px;margin-bottom:2px}.holiday-bar[data-v-7d8aef10]{background:#1d4ed8}.event-title[data-v-7d8aef10]{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-7d8aef10]{background:#eff6ff}.calendar-day.holiday .day-number[data-v-7d8aef10]{color:#1d4ed8;font-weight:600}.calendar-day.weekend[data-v-7d8aef10]{background:#f9fafb!important;position:relative}.calendar-day.weekend .day-number[data-v-7d8aef10]{color:#6b7280}.calendar-day.cuti-bersama[data-v-7d8aef10]{background:#fef3c7}.calendar-day.cuti-bersama .day-number[data-v-7d8aef10]{color:#f59e0b;font-weight:600}.calendar-day.today[data-v-7d8aef10]{background:#eff6ff}.calendar-day.today .day-number[data-v-7d8aef10]{color:#1d4ed8;font-weight:700}.calendar-day.other-month[data-v-7d8aef10]{opacity:.4;background:#f9fafb}.calendar-day.other-month .day-number[data-v-7d8aef10]{color:#d1d5db}.event-tooltip[data-v-7d8aef10]{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-7d8aef10]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tooltip-color-indicator[data-v-7d8aef10]{width:12px;height:12px;border-radius:2px;flex-shrink:0}.tooltip-color-indicator.holiday[data-v-7d8aef10]{background:#1d4ed8}.tooltip-color-indicator.cuti_bersama[data-v-7d8aef10]{background:#34a853}.tooltip-title[data-v-7d8aef10]{font-size:14px;font-weight:500;color:#202124;flex:1}.tooltip-close[data-v-7d8aef10]{background:none;border:none;color:#5f6368;cursor:pointer;padding:4px;border-radius:4px;font-size:12px}.tooltip-close[data-v-7d8aef10]:hover{background:#f1f3f4}.tooltip-date[data-v-7d8aef10]{font-size:12px;color:#5f6368;margin-bottom:8px}.tooltip-categories[data-v-7d8aef10]{display:flex;flex-direction:column;gap:4px}.tooltip-category[data-v-7d8aef10]{display:flex;align-items:center;gap:8px;font-size:12px;color:#5f6368}.tooltip-category i[data-v-7d8aef10]{width:16px;text-align:center;color:#5f6368}@media (max-width: 768px){.calendar-section[data-v-7d8aef10]{margin-top:16px;border-radius:0;border:none}.calendar-header[data-v-7d8aef10]{padding:8px 12px;flex-direction:column;gap:8px}.header-left[data-v-7d8aef10]{justify-content:center}.header-right[data-v-7d8aef10]{justify-content:center;gap:12px}.calendar-title[data-v-7d8aef10]{font-size:18px}.today-btn[data-v-7d8aef10]{padding:6px 12px;font-size:12px}.calendar-day[data-v-7d8aef10]{min-height:80px;padding:6px}.day-number[data-v-7d8aef10]{font-size:11px}.weekday[data-v-7d8aef10]{padding:8px 4px;font-size:10px}.event-title[data-v-7d8aef10]{font-size:9px}}.holiday-detail-header[data-v-7d8aef10]{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #e1e3e6;position:relative}.holiday-detail-color[data-v-7d8aef10]{width:16px;height:16px;border-radius:4px;flex-shrink:0}.holiday-detail-color.holiday[data-v-7d8aef10]{background:#1d4ed8}.holiday-detail-color.cuti_bersama[data-v-7d8aef10]{background:#34a853}.holiday-detail-title[data-v-7d8aef10]{font-size:18px;font-weight:500;color:#202124;flex:1}.holiday-detail-actions[data-v-7d8aef10]{display:flex;align-items:center;gap:8px}.action-btn[data-v-7d8aef10]{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-7d8aef10]:hover{background:#f1f3f4;color:#202124}.action-btn.edit-btn[data-v-7d8aef10]:hover{background:#e8f0fe;color:#1a73e8}.action-btn.delete-btn[data-v-7d8aef10]:hover{background:#fce8e6;color:#d93025}.action-btn.add-btn[data-v-7d8aef10]:hover{background:#e8f5e8;color:#34a853}.holiday-type-badge[data-v-7d8aef10]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.holiday-type-badge.national[data-v-7d8aef10]{background:#e8f0fe;color:#1a73e8}.holiday-type-badge.custom[data-v-7d8aef10]{background:#e8f5e8;color:#34a853}.holiday-type-badge.company[data-v-7d8aef10]{background:#fff3e0;color:#f57c00}.holiday-type-badge.weekend[data-v-7d8aef10]{background:#f3e5f5;color:#7b1fa2}.holiday-detail-add[data-v-7d8aef10]{text-align:center;padding:20px;background:#f8f9fa;border-radius:8px;margin-top:16px}.holiday-detail-add p[data-v-7d8aef10]{margin:8px 0;color:#5f6368;font-size:14px}.holiday-detail-national[data-v-7d8aef10]{text-align:center;padding:16px;background:#e3f2fd;border-radius:8px;margin-top:16px}.holiday-detail-national p[data-v-7d8aef10]{margin:0;color:#1976d2;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.notification-toast[data-v-7d8aef10]{position:fixed;top:20px;right:20px;z-index:9999;min-width:320px;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border-left:4px solid #34a853;overflow:hidden;transform:translate(100%);animation:slideInRight-7d8aef10 .3s ease-out forwards}.notification-toast.success[data-v-7d8aef10]{border-left-color:#34a853}.notification-toast.error[data-v-7d8aef10]{border-left-color:#ea4335}.notification-toast.warning[data-v-7d8aef10]{border-left-color:#fbbc04}.notification-toast.info[data-v-7d8aef10]{border-left-color:#1a73e8}.notification-content[data-v-7d8aef10]{display:flex;align-items:flex-start;padding:16px;gap:12px}.notification-icon[data-v-7d8aef10]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f3f4}.notification-toast.success .notification-icon[data-v-7d8aef10]{background:#e8f5e8;color:#34a853}.notification-toast.error .notification-icon[data-v-7d8aef10]{background:#fce8e6;color:#ea4335}.notification-toast.warning .notification-icon[data-v-7d8aef10]{background:#fef7e0;color:#fbbc04}.notification-toast.info .notification-icon[data-v-7d8aef10]{background:#e8f0fe;color:#1a73e8}.notification-body[data-v-7d8aef10]{flex:1;min-width:0}.notification-title[data-v-7d8aef10]{font-size:14px;font-weight:600;color:#202124;margin-bottom:4px}.notification-message[data-v-7d8aef10]{font-size:13px;color:#5f6368;line-height:1.4}.notification-close[data-v-7d8aef10]{flex-shrink:0;background:none;border:none;color:#5f6368;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-close[data-v-7d8aef10]:hover{background:#f1f3f4;color:#202124}.notification-progress[data-v-7d8aef10]{height:3px;background:#e8f0fe;position:relative;overflow:hidden}.notification-progress[data-v-7d8aef10]:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#1a73e8;animation:progressBar-7d8aef10 4s linear forwards}.notification-toast.success .notification-progress[data-v-7d8aef10]:after{background:#34a853}.notification-toast.error .notification-progress[data-v-7d8aef10]:after{background:#ea4335}.notification-toast.warning .notification-progress[data-v-7d8aef10]:after{background:#fbbc04}.notification-toast.info .notification-progress[data-v-7d8aef10]:after{background:#1a73e8}@keyframes slideInRight-7d8aef10{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes progressBar-7d8aef10{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 480px){.notification-toast[data-v-7d8aef10]{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}.holiday-detail-content[data-v-7d8aef10]{padding:20px}.holiday-detail-info[data-v-7d8aef10]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.info-item[data-v-7d8aef10]{display:flex;align-items:center;gap:12px;font-size:14px;color:#5f6368}.info-item i[data-v-7d8aef10]{width:16px;text-align:center;color:#5f6368}.holiday-detail-description[data-v-7d8aef10]{margin-bottom:20px}.holiday-detail-description h4[data-v-7d8aef10]{font-size:14px;font-weight:500;color:#202124;margin:0 0 8px}.holiday-detail-description p[data-v-7d8aef10]{font-size:14px;color:#5f6368;line-height:1.5;margin:0}.holiday-detail-categories[data-v-7d8aef10]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.category-item[data-v-7d8aef10]{display:flex;align-items:center;gap:12px;font-size:14px;color:#5f6368}.category-item i[data-v-7d8aef10]{width:16px;text-align:center;color:#5f6368}.holiday-detail-add[data-v-7d8aef10]{text-align:center}.add-holiday-btn[data-v-7d8aef10]{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-7d8aef10]:hover{background:#1557b0;box-shadow:0 2px 8px #1a73e84d}.holiday-modal-header[data-v-7d8aef10]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e3e6}.holiday-modal-header h3[data-v-7d8aef10]{margin:0;font-size:18px;font-weight:500;color:#202124}.modal-close-btn[data-v-7d8aef10]{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-7d8aef10]:hover{background:#f1f3f4;color:#202124}.holiday-modal-body[data-v-7d8aef10]{padding:20px}.form-group[data-v-7d8aef10]{margin-bottom:20px}.form-group label[data-v-7d8aef10]{display:block;margin-bottom:8px;font-weight:500;color:#202124;font-size:14px}.form-input[data-v-7d8aef10],.form-textarea[data-v-7d8aef10]{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-7d8aef10]:focus,.form-textarea[data-v-7d8aef10]:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.form-textarea[data-v-7d8aef10]{resize:vertical;min-height:80px}.error-message[data-v-7d8aef10]{color:#d93025;font-size:12px;margin-top:4px}.holiday-modal-footer[data-v-7d8aef10]{display:flex;gap:12px;justify-content:flex-end;padding:20px;border-top:1px solid #e1e3e6}.btn[data-v-7d8aef10]{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-7d8aef10]{background:#1a73e8;color:#fff}.btn-primary[data-v-7d8aef10]:hover{background:#1557b0;box-shadow:0 2px 8px #1a73e84d}.btn-secondary[data-v-7d8aef10]{background:#f1f3f4;color:#5f6368}.btn-secondary[data-v-7d8aef10]:hover{background:#e8eaed}@media (max-width: 1024px){.dashboard-row[data-v-7d8aef10]{grid-template-columns:repeat(2,1fr)}.calendar-large[data-v-7d8aef10]{grid-column:span 2}}@media (max-width: 768px){.employee-dashboard[data-v-7d8aef10]{padding:16px}.dashboard-row[data-v-7d8aef10]{grid-template-columns:1fr}.header-content[data-v-7d8aef10]{flex-direction:column;gap:16px;text-align:center}.current-time[data-v-7d8aef10]{text-align:center}.time-display[data-v-7d8aef10]{font-size:14px}.date-display[data-v-7d8aef10]{font-size:12px}.worship-content[data-v-7d8aef10]{flex-direction:column;gap:16px;text-align:center}.worship-actions[data-v-7d8aef10]{justify-content:center}.card-content[data-v-7d8aef10]{padding:16px}.profile-avatar[data-v-7d8aef10]{width:50px;height:50px}.absensi-chart canvas[data-v-7d8aef10]{width:60px!important;height:60px!important}}.calendar-day.weekend[data-v-7d8aef10],.calendar-day.weekend.holiday[data-v-7d8aef10]{background:#e0e0e0!important;position:relative}.libur-label[data-v-7d8aef10]{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-7d8aef10]{color:#10b981;font-weight:700}.zoom-logo-besar[data-v-7d8aef10]{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-7d8aef10]{width:32px;height:32px;margin-right:6px}}.holiday-detail-overlay[data-v-7d8aef10]{background:transparent!important;pointer-events:none}.holiday-detail-popup[data-v-7d8aef10]{pointer-events:auto}.event-tooltip[data-v-7d8aef10]{display:none!important}.calendar-note[data-v-7d8aef10]{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-7d8aef10]{color:#2196f3;font-size:18px;margin-top:2px}.note-content p[data-v-7d8aef10]{margin:0;color:#1976d2;font-size:14px;line-height:1.4}.note-content strong[data-v-7d8aef10]{color:#1565c0}@media (max-width: 768px){.calendar-day[data-v-7d8aef10]{min-height:50px;padding:8px 4px}.day-number[data-v-7d8aef10]{font-size:12px;margin-bottom:2px}.event-title[data-v-7d8aef10]{display:none}.event-bar[data-v-7d8aef10]{height:4px;border-radius:2px;margin-bottom:0}.calendar-day.holiday .event-indicator[data-v-7d8aef10]:after{content:"●";color:#1d4ed8;font-size:12px;display:block;text-align:center;margin-top:2px}.calendar-day.weekend .event-indicator[data-v-7d8aef10]:after{content:"●";color:#9aa0a6;font-size:12px;display:block;text-align:center;margin-top:2px}.calendar-day.cuti-bersama .event-indicator[data-v-7d8aef10]:after{content:"●";color:#f4b400;font-size:12px;display:block;text-align:center;margin-top:2px}.calendar-note[data-v-7d8aef10]{margin-top:12px;padding:10px 12px}.note-content p[data-v-7d8aef10]{font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.calendar-day[data-v-7d8aef10]{min-height:80px;padding:6px}.event-title[data-v-7d8aef10]{font-size:9px;line-height:1.1}}.music-program-section[data-v-7d8aef10]{margin:24px 0;padding:24px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;border-bottom:2px solid #f1f5f9}.music-program-section .section-header[data-v-7d8aef10]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.music-program-section .header-left[data-v-7d8aef10]{display:flex;align-items:center;gap:12px}.music-program-section .header-left i[data-v-7d8aef10]{font-size:18px;color:#64748b}.music-program-section .header-left h2[data-v-7d8aef10]{margin:0;font-size:20px;font-weight:500;color:#0f172a;line-height:1.3}.music-program-section .btn-refresh[data-v-7d8aef10]{padding:8px 12px;background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:400;font-size:14px;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.music-program-section .btn-refresh[data-v-7d8aef10]:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.music-program-section .btn-refresh[data-v-7d8aef10]:disabled{opacity:.5;cursor:not-allowed}.music-program-section .loading-state[data-v-7d8aef10]{text-align:center;padding:60px 24px;color:#64748b}.music-program-section .loading-state i[data-v-7d8aef10]{font-size:32px;margin-bottom:12px;color:#94a3b8}.music-program-section .loading-state p[data-v-7d8aef10]{font-size:14px;color:#64748b;margin:0}.music-program-grid[data-v-7d8aef10]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.schedule-card[data-v-7d8aef10]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;border-bottom:2px solid #f1f5f9;overflow:hidden}.schedule-card .card-header[data-v-7d8aef10]{background:#f8fafc;padding:16px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f1f5f9}.schedule-card .card-header i[data-v-7d8aef10]{font-size:16px;color:#64748b}.schedule-card .card-header h3[data-v-7d8aef10]{margin:0;font-size:16px;font-weight:500;color:#0f172a}.schedule-card .card-body[data-v-7d8aef10]{padding:20px;min-height:280px}.schedule-card .empty-state[data-v-7d8aef10]{text-align:center;padding:60px 20px;color:#94a3b8}.schedule-card .empty-state i[data-v-7d8aef10]{font-size:32px;margin-bottom:12px;opacity:.4;color:#cbd5e1}.schedule-card .empty-state p[data-v-7d8aef10]{font-size:14px;color:#94a3b8;margin:0}.schedule-list[data-v-7d8aef10]{display:flex;flex-direction:column;gap:12px}.schedule-item[data-v-7d8aef10]{display:flex;gap:12px;padding:14px;background:#f8fafc;border-radius:6px;border-left:3px solid #e2e8f0;transition:all .2s ease}.schedule-item[data-v-7d8aef10]:hover{background:#f1f5f9;border-left-color:#cbd5e1}.schedule-date[data-v-7d8aef10]{flex-shrink:0;width:56px;text-align:center;background:#fff;border-radius:6px;padding:10px 8px;border:1px solid #e2e8f0}.date-day[data-v-7d8aef10]{font-size:20px;font-weight:600;color:#0f172a;line-height:1.2}.date-month[data-v-7d8aef10]{font-size:11px;color:#64748b;text-transform:uppercase;margin-top:4px;font-weight:500;letter-spacing:.3px}.schedule-info[data-v-7d8aef10]{flex:1;min-width:0}.schedule-info h4[data-v-7d8aef10]{margin:0 0 8px;font-size:14px;font-weight:500;color:#0f172a;line-height:1.4}.schedule-info p[data-v-7d8aef10]{margin:4px 0;font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px}.schedule-info p i[data-v-7d8aef10]{width:14px;color:#94a3b8;font-size:12px;flex-shrink:0}.kpi-card .card-body[data-v-7d8aef10]{padding:16px}.kpi-grid[data-v-7d8aef10]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kpi-item[data-v-7d8aef10]{display:flex;align-items:center;gap:12px;padding:14px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.kpi-icon[data-v-7d8aef10]{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.kpi-icon.primary[data-v-7d8aef10]{background:#f1f5f9;color:#475569}.kpi-icon.success[data-v-7d8aef10]{background:#f0fdf4;color:#16a34a}.kpi-icon.warning[data-v-7d8aef10]{background:#fffbeb;color:#d97706}.kpi-icon.info[data-v-7d8aef10]{background:#f0f9ff;color:#0284c7}.kpi-icon.danger[data-v-7d8aef10]{background:#fef2f2;color:#dc2626}.kpi-icon.secondary[data-v-7d8aef10]{background:#f5f3ff;color:#7c3aed}.kpi-data[data-v-7d8aef10]{flex:1;min-width:0}.kpi-data h4[data-v-7d8aef10]{margin:0 0 4px;font-size:20px;font-weight:600;color:#0f172a;line-height:1.2}.kpi-data p[data-v-7d8aef10]{margin:0;font-size:12px;color:#64748b;font-weight:400;text-transform:none;letter-spacing:0}@media (max-width: 1200px){.music-program-grid[data-v-7d8aef10]{grid-template-columns:1fr;gap:16px}.kpi-grid[data-v-7d8aef10]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.music-program-section[data-v-7d8aef10]{padding:16px;margin:16px 0}.music-program-section .section-header[data-v-7d8aef10]{margin-bottom:16px;padding-bottom:12px}.music-program-section .header-left h2[data-v-7d8aef10]{font-size:18px}.music-program-grid[data-v-7d8aef10]{gap:16px}.schedule-card .card-body[data-v-7d8aef10]{padding:16px;min-height:auto}.kpi-grid[data-v-7d8aef10]{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-item[data-v-7d8aef10]{padding:12px}.kpi-icon[data-v-7d8aef10]{width:40px;height:40px;font-size:16px}.kpi-data h4[data-v-7d8aef10]{font-size:18px}.schedule-item[data-v-7d8aef10]{flex-direction:row;gap:10px;padding:12px}.schedule-date[data-v-7d8aef10]{width:52px}.date-day[data-v-7d8aef10]{font-size:18px}.schedule-info h4[data-v-7d8aef10]{font-size:13px}.schedule-info p[data-v-7d8aef10]{font-size:11px}}@media (max-width: 575px){.music-program-section[data-v-7d8aef10]{padding:12px}.kpi-grid[data-v-7d8aef10]{grid-template-columns:1fr}.schedule-item[data-v-7d8aef10]{flex-direction:column;align-items:flex-start}.schedule-date[data-v-7d8aef10]{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px}.date-day[data-v-7d8aef10]{font-size:18px}.date-month[data-v-7d8aef10]{font-size:12px;margin-top:0}}.badge[data-v-7d8aef10]{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;line-height:1;border-radius:9999px;white-space:nowrap;transition:all .2s ease}.badge.badge-success[data-v-7d8aef10]{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.badge.badge-warning[data-v-7d8aef10]{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.badge.badge-danger[data-v-7d8aef10]{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.badge.badge-info[data-v-7d8aef10]{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.badge.badge-default[data-v-7d8aef10]{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.avatar[data-v-7d8aef10]{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px;background:#f3f4f6}.avatar-sm[data-v-7d8aef10]{width:2rem;height:2rem;font-size:.875rem}.avatar-md[data-v-7d8aef10]{width:3rem;height:3rem;font-size:1.125rem}.avatar-lg[data-v-7d8aef10]{width:4rem;height:4rem;font-size:1.5rem}.avatar img[data-v-7d8aef10]{width:100%;height:100%;object-fit:cover}.avatar-fallback[data-v-7d8aef10]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;font-weight:600}.progress[data-v-7d8aef10]{position:relative;width:100%;height:.5rem;background:#e5e7eb;border-radius:9999px;overflow:hidden}.progress-bar[data-v-7d8aef10]{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:9999px;transition:width .3s ease}.progress-bar.progress-success[data-v-7d8aef10]{background:linear-gradient(90deg,#10b981,#059669)}.progress-bar.progress-warning[data-v-7d8aef10]{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-bar.progress-danger[data-v-7d8aef10]{background:linear-gradient(90deg,#ef4444,#dc2626)}.card-modern[data-v-7d8aef10]{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.card-modern[data-v-7d8aef10]:hover{box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.card-modern .card-header-modern[data-v-7d8aef10]{padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6}.card-modern .card-header-modern h3[data-v-7d8aef10]{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.card-modern .card-body-modern[data-v-7d8aef10]{padding:1.5rem}.card-modern .card-footer-modern[data-v-7d8aef10]{padding:1rem 1.5rem;border-top:1px solid #f3f4f6;background:#f9fafb}.stat-card-modern[data-v-7d8aef10]{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s ease;display:flex;flex-direction:column;gap:.75rem}.stat-card-modern[data-v-7d8aef10]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a;border-color:#3b82f6}.stat-card-header[data-v-7d8aef10]{display:flex;align-items:center;justify-content:space-between}.stat-card-title[data-v-7d8aef10]{font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.stat-card-value[data-v-7d8aef10]{font-size:2rem;font-weight:700;color:#111827;line-height:1;margin:.5rem 0}.stat-card-footer[data-v-7d8aef10]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.stat-card-footer .trend-up[data-v-7d8aef10]{color:#10b981}.stat-card-footer .trend-down[data-v-7d8aef10]{color:#ef4444}.btn-modern[data-v-7d8aef10]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;line-height:1;border-radius:.5rem;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-modern[data-v-7d8aef10]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-modern.btn-primary[data-v-7d8aef10]{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-modern.btn-primary[data-v-7d8aef10]:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-modern.btn-secondary[data-v-7d8aef10]{background:#fff;color:#374151;border-color:#e5e7eb}.btn-modern.btn-secondary[data-v-7d8aef10]:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-modern.btn-ghost[data-v-7d8aef10]{background:transparent;color:#374151;border-color:transparent}.btn-modern.btn-ghost[data-v-7d8aef10]:hover:not(:disabled){background:#f3f4f6}.icon-wrapper[data-v-7d8aef10]{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;font-size:1.25rem;flex-shrink:0}.icon-wrapper.icon-primary[data-v-7d8aef10]{background:#eff6ff;color:#3b82f6}.icon-wrapper.icon-success[data-v-7d8aef10]{background:#f0fdf4;color:#10b981}.icon-wrapper.icon-warning[data-v-7d8aef10]{background:#fffbeb;color:#f59e0b}.icon-wrapper.icon-danger[data-v-7d8aef10]{background:#fef2f2;color:#ef4444}.skeleton[data-v-7d8aef10]{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:skeleton-loading-7d8aef10 1.5s ease-in-out infinite;border-radius:.375rem}@keyframes skeleton-loading-7d8aef10{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text[data-v-7d8aef10]{height:1rem;width:100%}.skeleton-title[data-v-7d8aef10]{height:1.5rem;width:60%}.skeleton-avatar[data-v-7d8aef10]{width:3rem;height:3rem;border-radius:9999px}.divider[data-v-7d8aef10]{height:1px;background:#e5e7eb;margin:1.5rem 0}.empty-state-modern[data-v-7d8aef10]{text-align:center;padding:3rem 1.5rem}.empty-state-modern .empty-icon[data-v-7d8aef10]{width:3rem;height:3rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:9999px;color:#9ca3af;font-size:1.5rem}.empty-state-modern h3[data-v-7d8aef10]{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#111827}.empty-state-modern p[data-v-7d8aef10]{margin:0;font-size:.875rem;color:#6b7280}[data-v-7d8aef10]{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-primary[data-v-7d8aef10]{color:#111827}.text-secondary[data-v-7d8aef10]{color:#6b7280}.text-muted[data-v-7d8aef10]{color:#9ca3af}.font-semibold[data-v-7d8aef10]{font-weight:600}.font-bold[data-v-7d8aef10]{font-weight:700}.space-y-2[data-v-7d8aef10]>*+*{margin-top:.5rem}.space-y-4[data-v-7d8aef10]>*+*{margin-top:1rem}.space-y-6[data-v-7d8aef10]>*+*{margin-top:1.5rem}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-57cd3cca],[data-v-57cd3cca]:before,[data-v-57cd3cca]:after,[data-v-57cd3cca]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-space-x-reverse:0}}}.dashboard-container[data-v-57cd3cca]{background:var(--bg-primary);min-height:100vh;padding:var(--spacing-xl)}.welcome-banner[data-v-57cd3cca]{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-57cd3cca]:before{content:"";pointer-events:none;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>');position:absolute;top:0;right:0;bottom:0;left:0}.welcome-content[data-v-57cd3cca]{z-index:1;text-align:center;position:relative}.welcome-content h1[data-v-57cd3cca]{font-size:var(--font-size-3xl);color:#fff;margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px #0000001a;font-weight:700}.welcome-content p[data-v-57cd3cca]{font-size:var(--font-size-lg);color:#ffffffe6;text-shadow:0 1px 2px #0000001a;margin:0}.calendar-section[data-v-57cd3cca]{margin-bottom:var(--spacing-xl);background:#fff;border:1px solid #e1e3e6;border-radius:8px;font-family:Google Sans,Roboto,Arial,sans-serif;box-shadow:0 1px 3px #0000001f}.calendar-header[data-v-57cd3cca]{background:#fafafa;border-bottom:1px solid #e1e3e6;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.header-left[data-v-57cd3cca]{align-items:center;gap:8px;display:flex}.header-right[data-v-57cd3cca]{align-items:center;gap:16px;display:flex}.nav-btn[data-v-57cd3cca]{cursor:pointer;color:#5f6368;background:0 0;border:none;border-radius:4px;padding:8px 12px;transition:background-color .2s}.nav-btn[data-v-57cd3cca]:hover:not(:disabled){background-color:#f1f3f4}.nav-btn[data-v-57cd3cca]:disabled{opacity:.5;cursor:not-allowed}.calendar-title[data-v-57cd3cca]{color:#202124;min-width:120px;margin:0;font-size:18px;font-weight:500}.today-btn[data-v-57cd3cca]{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.today-btn[data-v-57cd3cca]:hover{background:#1557b0}.view-selector[data-v-57cd3cca]{align-items:center;gap:8px;display:flex}.view-label[data-v-57cd3cca]{color:#5f6368;font-size:14px;font-weight:500}.header-actions[data-v-57cd3cca]{align-items:center;gap:8px;display:flex}.action-btn[data-v-57cd3cca]{cursor:pointer;color:#5f6368;background:0 0;border:none;border-radius:4px;padding:8px;transition:background-color .2s}.action-btn[data-v-57cd3cca]:hover{background-color:#f1f3f4}.search-bar[data-v-57cd3cca]{background:#f8f9fa;border-bottom:1px solid #e1e3e6;padding:16px}.search-input-wrapper[data-v-57cd3cca]{align-items:center;display:flex;position:relative}.search-icon[data-v-57cd3cca]{color:#5f6368;font-size:16px;position:absolute;left:12px}.search-input[data-v-57cd3cca]{border:1px solid #dadce0;border-radius:8px;outline:none;width:100%;padding:12px 40px;font-size:14px;transition:border-color .2s}.search-input[data-v-57cd3cca]:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.clear-search-btn[data-v-57cd3cca]{cursor:pointer;color:#5f6368;background:0 0;border:none;border-radius:50%;padding:4px;position:absolute;right:8px}.clear-search-btn[data-v-57cd3cca]:hover{background-color:#f1f3f4}.search-results[data-v-57cd3cca]{background:#fff;border:1px solid #dadce0;border-radius:8px;max-height:300px;margin-top:12px;overflow-y:auto}.search-results-header[data-v-57cd3cca]{color:#5f6368;background:#f8f9fa;border-bottom:1px solid #dadce0;padding:12px 16px;font-size:14px;font-weight:500}.search-results-list[data-v-57cd3cca]{max-height:250px;overflow-y:auto}.search-result-item[data-v-57cd3cca]{cursor:pointer;border-bottom:1px solid #f1f3f4;padding:12px 16px;transition:background-color .2s}.search-result-item[data-v-57cd3cca]:hover{background-color:#f8f9fa}.search-result-item[data-v-57cd3cca]:last-child{border-bottom:none}.result-date[data-v-57cd3cca]{color:#5f6368;margin-bottom:4px;font-size:12px}.result-name[data-v-57cd3cca]{color:#202124;margin-bottom:2px;font-size:14px;font-weight:500}.result-type[data-v-57cd3cca]{color:#1a73e8;text-transform:capitalize;font-size:12px}.search-no-results[data-v-57cd3cca]{text-align:center;color:#5f6368;flex-direction:column;align-items:center;gap:8px;margin-top:12px;padding:24px;display:flex}.search-no-results i[data-v-57cd3cca]{opacity:.5;font-size:24px}.settings-panel[data-v-57cd3cca]{background:#f8f9fa;border-bottom:1px solid #e1e3e6;padding:16px}.settings-header[data-v-57cd3cca]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.settings-header h3[data-v-57cd3cca]{color:#202124;margin:0;font-size:16px;font-weight:500}.close-settings-btn[data-v-57cd3cca]{cursor:pointer;color:#5f6368;background:0 0;border:none;border-radius:50%;padding:4px}.close-settings-btn[data-v-57cd3cca]:hover{background-color:#f1f3f4}.settings-content[data-v-57cd3cca]{flex-direction:column;gap:12px;display:flex}.setting-item[data-v-57cd3cca]{align-items:center;display:flex}.setting-label[data-v-57cd3cca]{cursor:pointer;color:#202124;align-items:center;gap:8px;font-size:14px;display:flex}.setting-label input[type=checkbox][data-v-57cd3cca]{accent-color:#1a73e8;width:16px;height:16px}.setting-text[data-v-57cd3cca]{flex:1}.theme-selector[data-v-57cd3cca]{border:1px solid #dadce0;border-radius:4px;outline:none;margin-left:8px;padding:6px 8px;font-size:14px}.theme-selector[data-v-57cd3cca]:focus{border-color:#1a73e8}.highlight-holiday[data-v-57cd3cca]{animation:3s ease-in-out highlightPulse-57cd3cca}@keyframes highlightPulse-57cd3cca{0%,to{box-shadow:0 0 #1a73e8b3}50%{box-shadow:0 0 0 8px #1a73e84d}}.section-header[data-v-57cd3cca]{margin-bottom:var(--spacing-lg);text-align:center}.section-header h2[data-v-57cd3cca]{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.section-header p[data-v-57cd3cca]{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.worship-card-wrapper[data-v-57cd3cca]{margin-bottom:var(--spacing-xl)}.worship-card[data-v-57cd3cca]{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;position:relative;overflow:hidden}.worship-card[data-v-57cd3cca]:before{content:"";background:linear-gradient(90deg,var(--primary-color),var(--primary-light));height:4px;transition:background .3s;position:absolute;top:0;left:0;right:0}.worship-card.active[data-v-57cd3cca]:before{background:linear-gradient(90deg,var(--success-color),#10b981)}.worship-card.ended[data-v-57cd3cca]:before{background:linear-gradient(90deg,var(--error-color),#ef4444)}.worship-card[data-v-57cd3cca]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.worship-content[data-v-57cd3cca]{gap:var(--spacing-lg);flex-direction:column;display:flex}.worship-header[data-v-57cd3cca]{align-items:center;gap:var(--spacing-lg);display:flex}.worship-icon[data-v-57cd3cca]{color:#fff;border-radius:var(--radius-lg);width:56px;height:56px;font-size:var(--font-size-xl);background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #667eea4d}.worship-info h3[data-v-57cd3cca]{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.worship-info p[data-v-57cd3cca]{color:var(--text-secondary);margin:0 0 var(--spacing-sm)0;font-size:var(--font-size-sm)}.worship-status[data-v-57cd3cca]{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);display:flex}.worship-status span[data-v-57cd3cca]{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius);background:var(--bg-tertiary);font-weight:500;display:flex}.status-active[data-v-57cd3cca]{color:var(--success-color);background:#10b9811a}.status-active i[data-v-57cd3cca]{color:var(--success-color);font-size:8px}.status-ended[data-v-57cd3cca]{color:var(--error-color);background:#ef44441a}.status-ended i[data-v-57cd3cca]{color:var(--error-color);font-size:8px}.status-waiting[data-v-57cd3cca]{color:var(--warning-color);background:#f59e0b1a}.status-waiting i[data-v-57cd3cca]{color:var(--warning-color);font-size:8px}.status-attended[data-v-57cd3cca]{color:var(--success-color);background:#10b9811a}.status-attended i[data-v-57cd3cca]{color:var(--success-color);font-size:8px}.status-not-worship-day[data-v-57cd3cca]{color:var(--text-muted);background:#6b72801a}.status-not-worship-day i[data-v-57cd3cca]{color:var(--text-muted);font-size:8px}.worship-timer[data-v-57cd3cca]{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);display:flex}.timer-icon[data-v-57cd3cca]{background:var(--primary-color);color:#fff;width:40px;height:40px;font-size:var(--font-size-base);border-radius:50%;justify-content:center;align-items:center;display:flex}.timer-info[data-v-57cd3cca]{gap:var(--spacing-xs);flex-direction:column;display:flex}.timer-message[data-v-57cd3cca]{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.timer-countdown[data-v-57cd3cca]{font-size:var(--font-size-lg);color:var(--primary-color);font-family:Courier New,monospace;font-weight:700}.worship-actions[data-v-57cd3cca]{gap:var(--spacing-md);flex-direction:column;align-items:center;display:flex}.btn[data-v-57cd3cca]{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;border:none;justify-content:center;min-width:200px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-worship[data-v-57cd3cca]{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-worship[data-v-57cd3cca]:hover:not(.btn-disabled){background:var(--primary-dark);box-shadow:var(--shadow-md)}.btn-disabled[data-v-57cd3cca]{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;box-shadow:none;transform:none}.btn-not-worship-day[data-v-57cd3cca]{background:var(--gray-200);color:var(--gray-400);cursor:not-allowed;box-shadow:none;transform:none}.btn-attended[data-v-57cd3cca]{background:var(--success-color)}.btn-attended[data-v-57cd3cca]:hover{background:var(--success-dark);box-shadow:var(--shadow-md)}.btn-loading[data-v-57cd3cca]{background:var(--gray-300);color:var(--gray-500);cursor:wait;position:relative}.btn-loading[data-v-57cd3cca]:after{content:"";border:2px solid #0000;border-top-color:var(--gray-500);border-radius:50%;width:16px;height:16px;margin:auto;animation:1s linear infinite spin-57cd3cca;position:absolute;top:50%;right:10px;transform:translateY(-50%)}@keyframes spin-57cd3cca{to{transform:rotate(360deg)}}.worship-note[data-v-57cd3cca]{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;max-width:300px;display:flex}.worship-note i[data-v-57cd3cca]{color:var(--primary-color);font-size:var(--font-size-sm)}.worship-status-attended[data-v-57cd3cca]{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius);margin:var(--spacing-md)0;background:#10b9811a;border:1px solid #10b9814d;display:flex}.status-attended-icon[data-v-57cd3cca]{background:var(--success-color);color:#fff;width:48px;height:48px;font-size:var(--font-size-lg);border-radius:50%;justify-content:center;align-items:center;display:flex}.status-attended-info[data-v-57cd3cca]{gap:var(--spacing-xs);flex-direction:column;display:flex}.status-attended-message[data-v-57cd3cca]{color:var(--success-color);font-weight:600;font-size:var(--font-size-base)}.status-attended-detail[data-v-57cd3cca]{color:var(--text-secondary);font-size:var(--font-size-sm)}.status-attended-note[data-v-57cd3cca]{color:var(--primary-color);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);font-style:italic}.notification[data-v-57cd3cca]{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;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;animation:.3s slideInFromRight-57cd3cca;display:flex;position:fixed}.notification.success[data-v-57cd3cca]{background:var(--success-color);color:#fff}.notification.error[data-v-57cd3cca]{background:var(--error-color);color:#fff}.notification.warning[data-v-57cd3cca]{background:var(--warning-color);color:#fff}.notification.info[data-v-57cd3cca]{background:var(--info-color);color:#fff}@keyframes slideInFromRight-57cd3cca{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.dashboard-container[data-v-57cd3cca]{padding:var(--spacing-md)}.welcome-banner[data-v-57cd3cca]{padding:var(--spacing-lg)}.welcome-content h1[data-v-57cd3cca]{font-size:var(--font-size-2xl)}.welcome-content p[data-v-57cd3cca]{font-size:var(--font-size-base)}.worship-header[data-v-57cd3cca]{text-align:center;gap:var(--spacing-md);flex-direction:column}.worship-icon[data-v-57cd3cca]{width:48px;height:48px;font-size:var(--font-size-lg)}.worship-info h3[data-v-57cd3cca]{font-size:var(--font-size-lg)}.worship-timer[data-v-57cd3cca]{text-align:center;gap:var(--spacing-sm);flex-direction:column}.timer-icon[data-v-57cd3cca]{width:36px;height:36px;font-size:var(--font-size-sm)}.worship-status-attended[data-v-57cd3cca]{text-align:center;gap:var(--spacing-sm);flex-direction:column}.status-attended-icon[data-v-57cd3cca]{width:40px;height:40px;font-size:var(--font-size-base)}.timer-countdown[data-v-57cd3cca]{font-size:var(--font-size-base)}.worship-actions[data-v-57cd3cca]{width:100%}.btn[data-v-57cd3cca]{width:100%;min-width:auto}.worship-note[data-v-57cd3cca]{max-width:none;font-size:var(--font-size-xs)}.section-header h2[data-v-57cd3cca]{font-size:var(--font-size-xl)}.section-header p[data-v-57cd3cca]{font-size:var(--font-size-xs)}.notification[data-v-57cd3cca]{top:calc(var(--spacing-md) + 70px);right:var(--spacing-md);left:var(--spacing-md)}}@media (max-width:480px){.dashboard-container[data-v-57cd3cca]{padding:var(--spacing-sm)}.welcome-banner[data-v-57cd3cca]{padding:var(--spacing-md)}.welcome-content h1[data-v-57cd3cca]{font-size:var(--font-size-xl)}.worship-card[data-v-57cd3cca]{padding:var(--spacing-lg)}.worship-icon[data-v-57cd3cca]{width:40px;height:40px;font-size:var(--font-size-base)}.worship-info h3[data-v-57cd3cca]{font-size:var(--font-size-base)}.worship-info p[data-v-57cd3cca]{font-size:var(--font-size-xs)}.worship-status span[data-v-57cd3cca]{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.worship-timer[data-v-57cd3cca]{padding:var(--spacing-md)}.timer-icon[data-v-57cd3cca]{width:32px;height:32px;font-size:var(--font-size-xs)}.worship-status-attended[data-v-57cd3cca]{padding:var(--spacing-md)}.status-attended-icon[data-v-57cd3cca]{width:36px;height:36px;font-size:var(--font-size-sm)}.status-attended-message[data-v-57cd3cca]{font-size:var(--font-size-sm)}.status-attended-detail[data-v-57cd3cca],.timer-message[data-v-57cd3cca]{font-size:var(--font-size-xs)}.timer-countdown[data-v-57cd3cca]{font-size:var(--font-size-sm)}.btn[data-v-57cd3cca]{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-xs)}.section-header h2[data-v-57cd3cca]{font-size:var(--font-size-lg)}.section-header p[data-v-57cd3cca]{font-size:var(--font-size-xs)}}.calendar-section[data-v-57cd3cca]{border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);background:#fff}.loading-state[data-v-57cd3cca]{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--text-muted);font-size:var(--font-size-sm);display:flex}.calendar-grid[data-v-57cd3cca]{margin-top:var(--spacing-lg);background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.calendar-weekdays[data-v-57cd3cca]{background:#f9fafb;border-bottom:2px solid #e5e7eb;grid-template-columns:repeat(7,1fr);display:grid}.weekday[data-v-57cd3cca]{text-align:center;color:#374151;border-right:1px solid #e5e7eb;padding:15px 10px;font-size:14px;font-weight:600}.weekday[data-v-57cd3cca]:last-child{border-right:none}.calendar-days[data-v-57cd3cca]{grid-template-columns:repeat(7,1fr);display:grid}.calendar-day[data-v-57cd3cca]{text-align:center;cursor:pointer;background:#fff;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;flex-direction:column;justify-content:center;align-items:center;min-height:60px;padding:15px 10px;transition:all .2s;display:flex;position:relative}.calendar-day[data-v-57cd3cca]:hover{cursor:pointer;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;z-index:auto!important;background:#f9fafb!important}.day-content[data-v-57cd3cca]{flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.day-number[data-v-57cd3cca]{color:#374151;margin-bottom:4px;font-size:1rem;font-weight:500}.event-indicator[data-v-57cd3cca]{flex-direction:column;gap:2px;margin-top:2px;display:flex}.event-bar[data-v-57cd3cca]{border-radius:2px;height:3px;margin-bottom:2px}.holiday-bar[data-v-57cd3cca]{background:#1d4ed8}.event-title[data-v-57cd3cca]{color:#3c4043;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;line-height:1.2;overflow:hidden}.calendar-day.holiday[data-v-57cd3cca]{background:#eff6ff}.calendar-day.holiday .day-number[data-v-57cd3cca]{color:#1d4ed8;font-weight:600}.calendar-day.weekend[data-v-57cd3cca]{position:relative;background:#f9fafb!important}.calendar-day.weekend[data-v-57cd3cca]:after{content:"Libur";color:#6b7280;z-index:2;opacity:.85;background:#f3f4f6;border:1px solid #d1d5db;border-radius:3px;padding:0 4px;font-size:9px;font-weight:600;position:absolute;top:2px;right:2px}.calendar-day.weekend .day-number[data-v-57cd3cca]{color:#6b7280}.calendar-day.cuti-bersama[data-v-57cd3cca]{background:#fef3c7}.calendar-day.cuti-bersama .day-number[data-v-57cd3cca]{color:#f59e0b;font-weight:600}.calendar-day.today[data-v-57cd3cca]{background:#eff6ff}.calendar-day.today .day-number[data-v-57cd3cca]{color:#1d4ed8;font-weight:700}.calendar-day.other-month[data-v-57cd3cca]{opacity:.5;background:#fafafa}.calendar-day.other-month .day-number[data-v-57cd3cca]{color:#9aa0a6}.event-tooltip[data-v-57cd3cca]{z-index:1000;background:#fff;border:1px solid #dadce0;border-radius:8px;max-width:250px;padding:12px;font-size:12px;position:fixed;box-shadow:0 2px 10px #0000001a}.tooltip-header[data-v-57cd3cca]{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tooltip-color-indicator[data-v-57cd3cca]{border-radius:2px;width:12px;height:12px}.tooltip-color-indicator.holiday[data-v-57cd3cca]{background:#1d4ed8}.tooltip-color-indicator.cuti_bersama[data-v-57cd3cca]{background:#34a853}.tooltip-title[data-v-57cd3cca]{color:#202124;flex:1;font-weight:500}.tooltip-close[data-v-57cd3cca]{color:#5f6368;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:2px}.tooltip-close[data-v-57cd3cca]:hover{background:#f1f3f4}.tooltip-date[data-v-57cd3cca]{color:#5f6368;margin-bottom:8px;font-size:11px}.tooltip-categories[data-v-57cd3cca]{flex-direction:column;gap:4px;display:flex}.tooltip-category[data-v-57cd3cca]{color:#5f6368;align-items:center;gap:6px;font-size:11px;display:flex}.tooltip-category i[data-v-57cd3cca]{text-align:center;color:#5f6368;width:12px}.holiday-detail-overlay[data-v-57cd3cca]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.holiday-detail-popup[data-v-57cd3cca]{background:#fff;border-radius:12px;width:90%;max-width:400px;max-height:80vh;font-family:Google Sans,Roboto,Arial,sans-serif;overflow-y:auto;box-shadow:0 4px 20px #00000026}.holiday-detail-header[data-v-57cd3cca]{border-bottom:1px solid #e1e3e6;align-items:center;gap:12px;padding:20px;display:flex;position:relative}.holiday-detail-color[data-v-57cd3cca]{border-radius:4px;flex-shrink:0;width:16px;height:16px}.holiday-detail-color.holiday[data-v-57cd3cca]{background:#1d4ed8}.holiday-detail-color.cuti_bersama[data-v-57cd3cca]{background:#34a853}.holiday-detail-title[data-v-57cd3cca]{color:#202124;flex:1;font-size:18px;font-weight:500}.holiday-detail-actions[data-v-57cd3cca]{align-items:center;gap:8px;display:flex}.action-btn[data-v-57cd3cca]{cursor:pointer;color:#5f6368;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:all .2s;display:flex}.action-btn[data-v-57cd3cca]:hover{color:#202124;background:#f1f3f4}.action-btn.edit-btn[data-v-57cd3cca]:hover{color:#1a73e8;background:#e8f0fe}.action-btn.delete-btn[data-v-57cd3cca]:hover{color:#d93025;background:#fce8e6}.holiday-detail-content[data-v-57cd3cca]{padding:20px}.holiday-detail-info[data-v-57cd3cca]{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.info-item[data-v-57cd3cca]{color:#5f6368;align-items:center;gap:12px;font-size:14px;display:flex}.info-item i[data-v-57cd3cca]{text-align:center;color:#5f6368;width:16px}.holiday-detail-description[data-v-57cd3cca]{margin-bottom:20px}.holiday-detail-description h4[data-v-57cd3cca]{color:#202124;margin:0 0 8px;font-size:14px;font-weight:500}.holiday-detail-description p[data-v-57cd3cca]{color:#5f6368;margin:0;font-size:14px;line-height:1.5}.holiday-detail-categories[data-v-57cd3cca]{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.category-item[data-v-57cd3cca]{color:#5f6368;align-items:center;gap:12px;font-size:14px;display:flex}.category-item i[data-v-57cd3cca]{text-align:center;color:#5f6368;width:16px}.holiday-detail-add[data-v-57cd3cca]{text-align:center}.add-holiday-btn[data-v-57cd3cca]{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.add-holiday-btn[data-v-57cd3cca]:hover{background:#1557b0;box-shadow:0 2px 8px #1a73e84d}.holiday-modal-overlay[data-v-57cd3cca]{z-index:1001;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.holiday-modal[data-v-57cd3cca]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.holiday-modal-header[data-v-57cd3cca]{border-bottom:1px solid #e1e3e6;justify-content:space-between;align-items:center;padding:20px;display:flex}.holiday-modal-header h3[data-v-57cd3cca]{color:#202124;margin:0;font-size:18px;font-weight:500}.modal-close-btn[data-v-57cd3cca]{cursor:pointer;color:#5f6368;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:all .2s;display:flex}.modal-close-btn[data-v-57cd3cca]:hover{color:#202124;background:#f1f3f4}.holiday-modal-body[data-v-57cd3cca]{padding:20px}.form-group[data-v-57cd3cca]{margin-bottom:20px}.form-group label[data-v-57cd3cca]{color:#202124;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input[data-v-57cd3cca],.form-textarea[data-v-57cd3cca]{box-sizing:border-box;border:1px solid #dadce0;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:all .2s}.form-input[data-v-57cd3cca]:focus,.form-textarea[data-v-57cd3cca]:focus{border-color:#1a73e8;outline:none;box-shadow:0 0 0 2px #1a73e833}.form-textarea[data-v-57cd3cca]{resize:vertical;min-height:80px}.error-message[data-v-57cd3cca]{color:#d93025;margin-top:4px;font-size:12px}.holiday-modal-footer[data-v-57cd3cca]{border-top:1px solid #e1e3e6;justify-content:flex-end;gap:12px;padding:20px;display:flex}.btn[data-v-57cd3cca]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary[data-v-57cd3cca]{color:#fff;background:#1a73e8}.btn-primary[data-v-57cd3cca]:hover{background:#1557b0;box-shadow:0 2px 8px #1a73e84d}.btn-secondary[data-v-57cd3cca]{color:#5f6368;background:#f1f3f4}.btn-secondary[data-v-57cd3cca]:hover{background:#e8eaed}.calendar-note[data-v-57cd3cca]{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-left:4px solid #2196f3;border-radius:8px;align-items:flex-start;gap:12px;margin-top:15px;padding:12px 16px;display:flex}.note-icon[data-v-57cd3cca]{color:#2196f3;margin-top:2px;font-size:18px}.note-content p[data-v-57cd3cca]{color:#1976d2;margin:0;font-size:14px;line-height:1.4}.note-content strong[data-v-57cd3cca]{color:#1565c0}@media (max-width:768px){.calendar-section[data-v-57cd3cca]{padding:var(--spacing-lg)}.calendar-day[data-v-57cd3cca]{min-height:80px;padding:6px}.day-number[data-v-57cd3cca]{font-size:11px}.event-title[data-v-57cd3cca]{font-size:9px}.holiday-detail-popup[data-v-57cd3cca],.holiday-modal[data-v-57cd3cca]{width:95%;max-width:none}.calendar-note[data-v-57cd3cca]{margin-top:12px;padding:10px 12px}}.music-program-redirect[data-v-57cd3cca]{background-color:var(--color-gray-50,oklch(98.5% .002 247.839));min-height:100vh;padding:calc(var(--spacing,.25rem)*6);justify-content:center;align-items:center;display:flex}.redirect-card[data-v-57cd3cca]{width:100%;max-width:var(--container-2xl,42rem);border-radius:var(--radius-lg,.5rem);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*8);text-align:center;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.redirect-icon[data-v-57cd3cca]{margin-inline:auto;margin-bottom:calc(var(--spacing,.25rem)*6);height:calc(var(--spacing,.25rem)*20);width:calc(var(--spacing,.25rem)*20);background-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-white,#fff);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.redirect-icon i[data-v-57cd3cca]{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height, 1.2 ))}.redirect-content h2[data-v-57cd3cca]{margin-bottom:calc(var(--spacing,.25rem)*4);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-gray-800,oklch(27.8% .033 256.848))}.redirect-content p[data-v-57cd3cca]{margin-bottom:calc(var(--spacing,.25rem)*6);color:var(--color-gray-600,oklch(44.6% .03 256.802))}.redirect-btn[data-v-57cd3cca]{align-items:center;display:inline-flex}:where(.redirect-btn[data-v-57cd3cca]>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing,.25rem)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing,.25rem)*2)*calc(1 - var(--tw-space-x-reverse)))}.redirect-btn[data-v-57cd3cca]{border-radius:var(--radius-lg,.5rem);background-color:var(--color-blue-600,oklch(54.6% .245 262.881));padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*3);color:var(--color-white,#fff);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.redirect-btn[data-v-57cd3cca]:hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))}}.redirect-btn i[data-v-57cd3cca]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}@media (max-width:768px){.music-program-redirect[data-v-57cd3cca]{padding:calc(var(--spacing,.25rem)*4)}.redirect-card[data-v-57cd3cca]{padding:calc(var(--spacing,.25rem)*6)}.redirect-icon[data-v-57cd3cca]{height:calc(var(--spacing,.25rem)*16);width:calc(var(--spacing,.25rem)*16)}.redirect-icon i[data-v-57cd3cca]{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)))}}.calendar-day.weekend[data-v-57cd3cca],.calendar-day.weekend.holiday[data-v-57cd3cca]{position:relative;background:#e0e0e0!important}.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-ad0561b2]: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-ad0561b2]{position:fixed;top:80px;right:20px;z-index:9999;animation:slideInRight-ad0561b2 .2s ease-out}.success-alert[data-v-ad0561b2]{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-ad0561b2]{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-ad0561b2]{width:18px;height:18px;color:#fff}.success-alert .alert-content[data-v-ad0561b2]{flex:1}.success-alert .alert-content h4[data-v-ad0561b2]{margin:0 0 4px;font-size:16px;font-weight:500;color:#166534}.success-alert .alert-content p[data-v-ad0561b2]{margin:0;font-size:13px;color:#15803d;font-weight:400}.success-alert .alert-content .auto-redirect-info[data-v-ad0561b2]{margin:4px 0 0;font-size:12px;color:#16a34a;font-weight:500;font-style:italic}.success-alert .alert-close-btn[data-v-ad0561b2]{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-ad0561b2]:hover{background:#f3f4f6;color:#374151}.success-alert .alert-close-btn svg[data-v-ad0561b2]{width:14px;height:14px}@keyframes slideInRight-ad0561b2{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.edit-employee-page[data-v-ad0561b2]{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-ad0561b2]{margin-bottom:2rem}.header-content[data-v-ad0561b2]{display:flex;align-items:center;gap:1rem}.back-btn[data-v-ad0561b2]{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-ad0561b2]: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-ad0561b2]:hover:before{left:100%}.back-btn[data-v-ad0561b2]: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-ad0561b2]:active{transform:translateY(0)}.back-btn i[data-v-ad0561b2]{transition:transform .2s ease}.back-btn:hover i[data-v-ad0561b2]{transform:translate(-2px)}.header-info h1[data-v-ad0561b2]{font-size:1.875rem;font-weight:700;margin:0}.header-info p[data-v-ad0561b2]{color:var(--text-secondary);margin:.25rem 0 0}.loading-state[data-v-ad0561b2],.error-state[data-v-ad0561b2]{text-align:center;padding:4rem 0}.spinner[data-v-ad0561b2]{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin-ad0561b2 1s linear infinite;margin:0 auto 1rem}@keyframes spin-ad0561b2{to{transform:rotate(360deg)}}.form-layout-grid[data-v-ad0561b2]{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:flex-start}.card[data-v-ad0561b2]{background-color:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.card-header[data-v-ad0561b2]{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-ad0561b2]{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-ad0561b2]{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-initials[data-v-ad0561b2]{font-size:1.75rem;font-weight:600;color:#fff}.header-info h2[data-v-ad0561b2]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.header-info p[data-v-ad0561b2]{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.card-section[data-v-ad0561b2]{padding:1.5rem;border-bottom:1px solid var(--border-color)}.card-section[data-v-ad0561b2]:last-child{border-bottom:none}.section-title[data-v-ad0561b2]{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.form-grid[data-v-ad0561b2]{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group.full-span[data-v-ad0561b2]{grid-column:span 2}.form-group label[data-v-ad0561b2]{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-helper[data-v-ad0561b2]{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-secondary);font-style:italic}.form-input[data-v-ad0561b2],.form-select[data-v-ad0561b2],.form-textarea[data-v-ad0561b2]{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-ad0561b2]:focus,.form-select[data-v-ad0561b2]:focus,.form-textarea[data-v-ad0561b2]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e580}.sidebar[data-v-ad0561b2]{position:sticky;top:2rem}.salary-card[data-v-ad0561b2]{padding:1.5rem}.form-grid-sidebar[data-v-ad0561b2]{display:grid;grid-template-columns:1fr;gap:1.25rem}.divider[data-v-ad0561b2]{height:1px;background-color:var(--border-color);margin:1.5rem 0}.chart-placeholder[data-v-ad0561b2]{text-align:center}.chart-total-label[data-v-ad0561b2]{color:var(--text-secondary);font-size:.875rem}.chart-total-value[data-v-ad0561b2]{font-size:2.25rem;font-weight:700;color:var(--accent-color);margin-top:.5rem}.chart-donut-placeholder[data-v-ad0561b2]{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-ad0561b2]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.btn[data-v-ad0561b2]{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-ad0561b2]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-ad0561b2]{background-color:var(--primary-color)!important;color:#fff!important;border:none!important}.btn-primary[data-v-ad0561b2]: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-ad0561b2]{background-color:var(--bg-card);color:var(--text-primary)!important;border-color:var(--border-color)}.btn-secondary[data-v-ad0561b2]:hover:not(:disabled){background-color:var(--border-color);color:var(--text-primary)!important;border-color:var(--primary-color)}.spinner-sm[data-v-ad0561b2]{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin-ad0561b2 .75s linear infinite}.section-header[data-v-ad0561b2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.btn-add[data-v-ad0561b2]{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-ad0561b2]:hover{background:var(--primary-color-hover);transform:translateY(-1px)}.history-item[data-v-ad0561b2]{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-ad0561b2]{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-ad0561b2]:hover{background:#b91c1c;transform:scale(1.1)}.upload-area[data-v-ad0561b2]{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-ad0561b2]:hover{border-color:var(--primary-color);background:#4f46e50d}.upload-content i[data-v-ad0561b2]{font-size:2rem;color:var(--text-secondary);margin-bottom:.5rem}.upload-link[data-v-ad0561b2]{color:var(--primary-color);text-decoration:underline;cursor:pointer}.file-input[data-v-ad0561b2]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-list[data-v-ad0561b2]{margin-top:1rem}.file-item[data-v-ad0561b2]{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-ad0561b2]{display:flex;align-items:center;gap:.75rem}.file-info i[data-v-ad0561b2]{color:var(--primary-color)}.file-actions[data-v-ad0561b2]{display:flex;align-items:center;gap:.5rem}.view-file[data-v-ad0561b2]{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-ad0561b2]{color:#fff;transition:color .2s,transform .18s}.view-file[data-v-ad0561b2]:hover{background:var(--primary-color);box-shadow:0 4px 16px #3b82f62e;transform:scale(1.13) translateY(-2px)}.view-file:hover .fa-eye[data-v-ad0561b2]{color:#fff;transform:scale(1.18) rotate(-8deg)}.view-file[data-v-ad0561b2]:active{transform:scale(.97);box-shadow:0 1px 4px #3b82f61a}.remove-file[data-v-ad0561b2]{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-ad0561b2]{color:#fff;transition:color .2s,transform .18s}.remove-file[data-v-ad0561b2]:hover{background:#b91c1c;box-shadow:0 4px 16px #dc26262e;transform:scale(1.13) translateY(-2px)}.remove-file:hover .fa-times[data-v-ad0561b2]{color:#fff;transform:scale(1.18) rotate(18deg)}.remove-file[data-v-ad0561b2]:active{transform:scale(.97);box-shadow:0 1px 4px #dc26261a}.input-group[data-v-ad0561b2]{display:flex;align-items:center}.input-prefix[data-v-ad0561b2]{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-ad0561b2]{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-ad0561b2]{border-radius:0;border-left:none;border-right:none}.input-group .form-input[data-v-ad0561b2]: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-ad0561b2]: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-ad0561b2]{grid-template-columns:1fr}.sidebar[data-v-ad0561b2]{position:static}}@media (max-width: 768px){.edit-employee-page[data-v-ad0561b2]{padding:1rem}.form-grid[data-v-ad0561b2]{grid-template-columns:1fr}.form-group.full-span[data-v-ad0561b2]{grid-column:span 1}.section-header[data-v-ad0561b2]{flex-direction:column;gap:1rem;align-items:stretch}.remove-btn[data-v-ad0561b2]{position:static;margin-top:1rem;align-self:flex-start}}.full-span[data-v-ad0561b2]{grid-column:1 / -1}.form-helper[data-v-ad0561b2]{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem;display:block}textarea.form-input[data-v-ad0561b2]{resize:vertical;min-height:80px;font-family:inherit}.input-with-button[data-v-ad0561b2]{display:flex;align-items:center;gap:8px}.input-with-button .form-select[data-v-ad0561b2]{flex:1}.input-with-button .role-management-btn[data-v-ad0561b2]{flex-shrink:0}.info-alert-container[data-v-ad0561b2]{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-ad0561b2]{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-ad0561b2 .4s}@keyframes fadeInDown-ad0561b2{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-overlay[data-v-ad0561b2]{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-ad0561b2]{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-ad0561b2 .22s}.modal-message-simple[data-v-ad0561b2]{text-align:center;color:#b91c1c;margin-bottom:1.1rem;font-size:1.04rem}.modal-actions[data-v-ad0561b2]{display:flex;gap:1.1rem}.btn-cancel[data-v-ad0561b2]{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-ad0561b2]:hover{background:#f1f5f9}.btn-delete[data-v-ad0561b2]{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-ad0561b2]:hover{background:#dc2626}.piechart-summary-wrapper[data-v-697e0245]{position:relative;width:100%;max-width:260px;margin:0 auto}.piechart-center-icon[data-v-697e0245]{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-697e0245]{max-width:100%!important;height:auto!important}[data-v-c12c5bb4]: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-c12c5bb4]{background-color:var(--bg-secondary);min-height:100vh;padding:var(--space-6)}.employee-overview[data-v-c12c5bb4]{margin-bottom:32px}.employee-summary-wrapper[data-v-c12c5bb4]{max-width:980px;margin:40px auto 0;padding:0 24px}.employee-summary-card[data-v-c12c5bb4]{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-c12c5bb4]{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-c12c5bb4]{display:flex;align-items:center;gap:16px}.summary-content-row[data-v-c12c5bb4]{display:flex;align-items:flex-start;gap:64px;width:100%;min-width:0;justify-content:space-between}.back-button[data-v-c12c5bb4]{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-c12c5bb4]:hover{background:#e0e7ff}.summary-title-group[data-v-c12c5bb4]{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.summary-title[data-v-c12c5bb4]{font-size:1.7rem;font-weight:800;color:#1e293b;margin:0}.summary-subtitle[data-v-c12c5bb4]{font-size:1.02rem;color:#64748b;margin:0;font-weight:500}.summary-add-btn[data-v-c12c5bb4]{display:flex;align-items:center;gap:7px;font-size:1rem;padding:10px 18px;border-radius:10px;font-weight:600}.summary-info[data-v-c12c5bb4]{flex:1;min-width:0}.summary-total[data-v-c12c5bb4]{display:flex;align-items:center;gap:18px;margin-bottom:24px;justify-content:space-between}.summary-total-icon[data-v-c12c5bb4]{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-c12c5bb4]{font-size:2.8rem;font-weight:800;color:#1e293b;line-height:1}.summary-label[data-v-c12c5bb4]{font-size:1.1rem;color:#64748b;font-weight:600;margin-top:2px}.summary-breakdown[data-v-c12c5bb4]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}.breakdown-item[data-v-c12c5bb4]{display:flex;align-items:center;gap:14px}.color-dot[data-v-c12c5bb4]{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-c12c5bb4]{display:flex;flex-direction:column;gap:2px}.dept-label[data-v-c12c5bb4]{font-weight:700;color:#1e293b;font-size:1.08rem}.dept-count[data-v-c12c5bb4]{font-size:.98rem;color:#64748b;font-weight:500}.dept-percent[data-v-c12c5bb4]{color:#94a3b8;font-size:.95em;margin-left:2px}.summary-chart[data-v-c12c5bb4]{min-width:260px;max-width:380px;display:flex;align-items:center;justify-content:center;flex:1 1 0}.table-controls[data-v-c12c5bb4]{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.search-container[data-v-c12c5bb4]{flex-grow:1;position:relative;min-width:300px}.search-icon[data-v-c12c5bb4]{position:absolute;top:50%;transform:translateY(-50%);left:14px;color:var(--text-muted);font-size:14px;z-index:2}.search-input[data-v-c12c5bb4]{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-c12c5bb4]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.clear-search-button[data-v-c12c5bb4]{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-c12c5bb4]:hover{background:var(--border-color);color:var(--text-primary)}.filter-select[data-v-c12c5bb4]{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-c12c5bb4]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.content-area[data-v-c12c5bb4]{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.table-wrapper[data-v-c12c5bb4]{overflow-x:auto}.employee-table[data-v-c12c5bb4]{width:100%;border-collapse:collapse;font-size:14px}.employee-table thead[data-v-c12c5bb4]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid var(--border-color)}.employee-table th[data-v-c12c5bb4]{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-c12c5bb4]{padding:16px 12px;border-bottom:1px solid var(--border-color);vertical-align:middle}.employee-table tbody tr[data-v-c12c5bb4]:hover{background:#f8fafc}.row-number[data-v-c12c5bb4]{font-weight:600;color:var(--text-secondary);font-size:13px}.employee-profile[data-v-c12c5bb4]{display:flex;align-items:center;gap:12px}.profile-picture-wrapper[data-v-c12c5bb4]{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-c12c5bb4]{width:100%;height:100%;object-fit:cover}.profile-initials[data-v-c12c5bb4]{font-size:14px;font-weight:700}.employee-details[data-v-c12c5bb4]{display:flex;flex-direction:column}.employee-name[data-v-c12c5bb4]{font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:2px}.employee-education[data-v-c12c5bb4]{font-size:12px;color:var(--text-muted);font-weight:500}.id-info[data-v-c12c5bb4]{display:flex;flex-direction:column;gap:2px}.id-label[data-v-c12c5bb4]{font-weight:600;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.salary-details[data-v-c12c5bb4]{display:flex;flex-direction:column;gap:2px}.total-salary[data-v-c12c5bb4]{font-weight:600;color:var(--accent-success);font-size:14px}.base-salary[data-v-c12c5bb4]{font-size:11px;color:var(--text-muted);margin-top:2px}.action-buttons[data-v-c12c5bb4]{display:flex;justify-content:center;gap:6px}.action-btn_view[data-v-c12c5bb4],.action-btn_edit[data-v-c12c5bb4],.action-btn_delete[data-v-c12c5bb4]{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-c12c5bb4]:hover{background-color:#10b981;border-color:#10b981;color:#fff;box-shadow:0 2px 4px #10b98133;transform:translateY(-1px)}.action-btn_edit[data-v-c12c5bb4]:hover{background-color:#f59e0b;border-color:#f59e0b;color:#fff;box-shadow:0 2px 4px #f59e0b33;transform:translateY(-1px)}.action-btn_delete[data-v-c12c5bb4]:hover{background-color:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 2px 4px #ef444433;transform:translateY(-1px)}.loading-state[data-v-c12c5bb4],.empty-state[data-v-c12c5bb4]{text-align:center;padding:48px 0;color:var(--text-muted)}.spinner[data-v-c12c5bb4]{width:32px;height:32px;border:3px solid #f3f4f6;border-top-color:var(--primary-color);border-radius:50%;animation:spin-c12c5bb4 1s linear infinite;margin:0 auto 16px}@keyframes spin-c12c5bb4{to{transform:rotate(360deg)}}.empty-icon[data-v-c12c5bb4]{font-size:40px;color:var(--border-color);margin-bottom:16px}.empty-state h3[data-v-c12c5bb4]{font-size:18px;color:var(--text-primary);margin-bottom:8px;font-weight:600}.empty-state p[data-v-c12c5bb4]{color:var(--text-muted);margin-bottom:16px}.pagination-controls[data-v-c12c5bb4]{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-c12c5bb4]{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-c12c5bb4]:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 4px #3b82f633}.pagination-button[data-v-c12c5bb4]:disabled{opacity:.4;cursor:not-allowed;background:#f9fafb}.pagination-info[data-v-c12c5bb4]{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-c12c5bb4]{font-size:12px;color:var(--text-muted);font-weight:400}.notification[data-v-c12c5bb4]{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-c12c5bb4]{background-color:var(--accent-success)}.notification-error[data-v-c12c5bb4]{background-color:var(--accent-delete)}.btn-primary[data-v-c12c5bb4]{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-c12c5bb4]:hover{background:#fff;color:#1e293b;border:1px solid #3b82f6;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-c12c5bb4]{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-c12c5bb4]:hover{background:var(--border-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.employee-management-page[data-v-c12c5bb4]{padding:var(--spacing-md)}.main-title[data-v-c12c5bb4]{font-size:28px}.sub-title[data-v-c12c5bb4]{font-size:14px}.total-card[data-v-c12c5bb4]{padding:24px;gap:20px}.total-icon[data-v-c12c5bb4]{width:56px;height:56px}.total-icon i[data-v-c12c5bb4]{font-size:24px}.total-number[data-v-c12c5bb4]{font-size:36px}.total-label[data-v-c12c5bb4]{font-size:16px}.employee-overview[data-v-c12c5bb4]{margin-bottom:24px}.department-breakdown[data-v-c12c5bb4]{grid-template-columns:1fr;gap:16px}.department-card[data-v-c12c5bb4]{padding:20px}.department-header[data-v-c12c5bb4]{gap:12px;margin-bottom:16px}.department-icon[data-v-c12c5bb4]{width:40px;height:40px}.department-name[data-v-c12c5bb4]{font-size:16px}.department-count[data-v-c12c5bb4]{font-size:13px}.department-visual[data-v-c12c5bb4]{gap:12px}.progress-bar[data-v-c12c5bb4]{height:6px}.percentage[data-v-c12c5bb4]{font-size:13px}.dashboard-header[data-v-c12c5bb4]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-actions[data-v-c12c5bb4]{width:100%}.btn-primary[data-v-c12c5bb4]{width:100%;justify-content:center}.table-controls[data-v-c12c5bb4]{flex-direction:column}.search-container[data-v-c12c5bb4]{min-width:auto}.table-wrapper[data-v-c12c5bb4]{border:none}.employee-table thead[data-v-c12c5bb4]{display:none}.employee-table tbody[data-v-c12c5bb4],.employee-table tr[data-v-c12c5bb4],.employee-table td[data-v-c12c5bb4]{display:block}.employee-table tr[data-v-c12c5bb4]{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-c12c5bb4]{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-c12c5bb4]:last-child{border-bottom:none}.employee-table td[data-v-c12c5bb4]:before{content:attr(data-label);font-weight:600;color:var(--text-primary);margin-right:var(--spacing-md);text-align:left}.action-buttons[data-v-c12c5bb4]{justify-content:flex-end}}@media (max-width: 480px){.main-title[data-v-c12c5bb4]{font-size:24px}.sub-title[data-v-c12c5bb4]{font-size:13px}.total-card[data-v-c12c5bb4]{padding:20px;gap:16px}.total-icon[data-v-c12c5bb4]{width:48px;height:48px}.total-icon i[data-v-c12c5bb4]{font-size:20px}.total-number[data-v-c12c5bb4]{font-size:32px}.total-label[data-v-c12c5bb4]{font-size:14px}.department-card[data-v-c12c5bb4]{padding:16px}.department-header[data-v-c12c5bb4]{gap:10px;margin-bottom:12px}.department-icon[data-v-c12c5bb4]{width:36px;height:36px}.department-name[data-v-c12c5bb4]{font-size:15px}.department-count[data-v-c12c5bb4]{font-size:12px}.department-visual[data-v-c12c5bb4]{gap:10px}.progress-bar[data-v-c12c5bb4]{height:5px}.percentage[data-v-c12c5bb4]{font-size:12px}}@media (max-width: 700px){.employee-summary-card[data-v-c12c5bb4]{flex-direction:column;gap:24px;padding:20px 10px}.summary-chart[data-v-c12c5bb4]{max-width:100%;min-width:0}}@media (max-width: 900px){.summary-content-row[data-v-c12c5bb4]{flex-direction:column;gap:32px}.summary-header-bar.summary-header-full[data-v-c12c5bb4]{flex-direction:column;align-items:flex-start;gap:12px}}.department-legend[data-v-c12c5bb4]{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.legend-item[data-v-c12c5bb4]{display:flex;align-items:center;gap:8px;font-size:1.08rem;font-weight:600;color:#222e3a}.legend-label[data-v-c12c5bb4]{font-weight:600;color:#222e3a}.department-breakdown-cards[data-v-c12c5bb4]{display:flex;flex-direction:column;gap:18px;margin-bottom:18px}.breakdown-card[data-v-c12c5bb4]{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-c12c5bb4]{font-size:2.1rem;color:#64748b;flex-shrink:0}.breakdown-card-content[data-v-c12c5bb4]{display:flex;flex-direction:column;gap:2px}.breakdown-card-label[data-v-c12c5bb4]{font-weight:700;font-size:1.13rem;color:#222e3a}.breakdown-card-count[data-v-c12c5bb4]{color:#374151;font-size:1.01rem;font-weight:500}.breakdown-card-percent[data-v-c12c5bb4]{color:#64748b;font-size:.98em}@media (max-width: 600px){.department-breakdown-cards[data-v-c12c5bb4]{gap:12px}.breakdown-card[data-v-c12c5bb4]{padding:12px 10px;gap:10px}.breakdown-icon-card[data-v-c12c5bb4]{font-size:1.5rem}}.dot[data-v-c12c5bb4]{width:18px;height:18px;border-radius:4px;display:inline-block;margin-right:8px;vertical-align:middle}.dot-blue[data-v-c12c5bb4]{background:#2563eb}.dot-orange[data-v-c12c5bb4]{background:#f59e0b}.dot-green[data-v-c12c5bb4]{background:#10b981}.dept-icon[data-v-c12c5bb4]{margin:0 6px 0 0;font-size:1.15em;vertical-align:middle}@media (max-width: 1200px){.employee-summary-wrapper[data-v-c12c5bb4]{max-width:100%;padding:0 8px}.employee-summary-card[data-v-c12c5bb4]{padding:32px 8px}.summary-content-row[data-v-c12c5bb4]{gap:32px}.summary-chart[data-v-c12c5bb4]{max-width:100%;min-width:0}}.employee-summary-card.pro[data-v-c12c5bb4]{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-c12c5bb4]{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1.5px solid #f1f5f9;padding-bottom:12px}.header-buttons[data-v-c12c5bb4]{display:flex;align-items:center;gap:12px}.btn-add-role[data-v-c12c5bb4]{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-c12c5bb4]:hover{background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.modal-overlay[data-v-c12c5bb4]{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-c12c5bb4]{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-c12c5bb4]{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-c12c5bb4]{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px}.modal-close[data-v-c12c5bb4]{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-c12c5bb4]:hover{background:#f3f4f6;color:#374151}.modal-body[data-v-c12c5bb4]{padding:0 24px 24px}.form-group[data-v-c12c5bb4]{margin-bottom:20px}.form-group label[data-v-c12c5bb4]{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:.95rem}.form-input[data-v-c12c5bb4],.form-select[data-v-c12c5bb4]{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-c12c5bb4]:focus,.form-select[data-v-c12c5bb4]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-actions[data-v-c12c5bb4]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-cancel[data-v-c12c5bb4]{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-c12c5bb4]:hover{background:#f9fafb;border-color:#9ca3af}.btn-submit[data-v-c12c5bb4]{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-c12c5bb4]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-submit[data-v-c12c5bb4]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.summary-title-group-pro[data-v-c12c5bb4]{display:flex;align-items:center;gap:12px}.summary-icon-pro[data-v-c12c5bb4]{font-size:1.7rem;color:#2563eb;background:#e0e7ff;border-radius:50%;padding:8px}.summary-header-pro h1[data-v-c12c5bb4]{font-size:1.35rem;font-weight:800;margin:0;color:#1e293b;letter-spacing:-.5px}.summary-header-pro p[data-v-c12c5bb4]{font-size:.98rem;color:#64748b;margin:2px 0 0;font-weight:500}.summary-content-pro[data-v-c12c5bb4]{display:flex;gap:32px;align-items:flex-start;justify-content:space-between}.summary-breakdown-pro[data-v-c12c5bb4]{display:flex;flex-direction:column;gap:14px;min-width:210px}.summary-total-pro[data-v-c12c5bb4]{margin-bottom:10px}.summary-number-pro[data-v-c12c5bb4]{font-size:2.1rem;font-weight:800;color:#1e293b;line-height:1}.summary-label-pro[data-v-c12c5bb4]{font-size:1rem;color:#64748b;font-weight:600;margin-top:2px}.breakdown-item-pro[data-v-c12c5bb4]{display:flex;align-items:center;gap:10px;font-size:1rem}.color-dot-pro[data-v-c12c5bb4]{width:13px;height:13px;border-radius:50%;box-shadow:0 1px 4px #00000012;border:1.5px solid #e5e7eb}.color-blue[data-v-c12c5bb4]{background:#2563eb}.color-orange[data-v-c12c5bb4]{background:#f59e0b}.color-green[data-v-c12c5bb4]{background:#10b981}.dept-label-pro[data-v-c12c5bb4]{font-weight:700;color:#1e293b;min-width:90px}.count-pro[data-v-c12c5bb4]{font-size:.97rem;color:#374151;font-weight:500;margin-left:6px}.summary-chart-pro[data-v-c12c5bb4]{flex:1 1 0;display:flex;align-items:center;justify-content:center}.chart-bg-pro[data-v-c12c5bb4]{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-c12c5bb4]{max-width:100%;padding:16px 2px}.summary-content-pro[data-v-c12c5bb4]{flex-direction:column;gap:18px}.summary-header-pro[data-v-c12c5bb4]{flex-direction:column;align-items:flex-start;gap:8px}}.btn-add-pro.btn-add-solid[data-v-c12c5bb4]{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-c12c5bb4]:hover{background:#1d4ed8}.btn-add-pro.btn-add-solid i[data-v-c12c5bb4]{font-size:16px}.btn-add-pro.btn-add-solid.btn-add-compact[data-v-c12c5bb4]{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-c12c5bb4] *,.btn-add-pro[data-v-c12c5bb4]{text-decoration:none!important;border-bottom:none!important}.btn-export-pro.btn-export-solid[data-v-c12c5bb4]{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-c12c5bb4]:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.btn-export-pro.btn-export-solid[data-v-c12c5bb4]:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.btn-export-pro.btn-export-solid i[data-v-c12c5bb4]{font-size:16px}.export-controls[data-v-c12c5bb4]{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;border:1px solid #e5e7eb}.export-buttons[data-v-c12c5bb4]{display:flex;gap:12px;align-items:center;margin-bottom:12px}.export-btn[data-v-c12c5bb4]{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-c12c5bb4]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.export-btn[data-v-c12c5bb4]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.export-btn i[data-v-c12c5bb4]{font-size:16px}.excel-btn[data-v-c12c5bb4]{background:#10b981;color:#fff}.excel-btn[data-v-c12c5bb4]:hover:not(:disabled){background:#059669}.pdf-btn[data-v-c12c5bb4]{background:#ef4444;color:#fff}.pdf-btn[data-v-c12c5bb4]:hover:not(:disabled){background:#dc2626}.export-info[data-v-c12c5bb4]{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d}.export-count[data-v-c12c5bb4]{font-weight:500;color:#495057}.export-filter[data-v-c12c5bb4]{color:#6c757d;font-style:italic}.header-buttons[data-v-c12c5bb4]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.export-controls[data-v-c12c5bb4]{padding:16px}.export-buttons[data-v-c12c5bb4]{flex-direction:column;gap:8px}.export-btn[data-v-c12c5bb4]{justify-content:center;width:100%}.export-info[data-v-c12c5bb4]{flex-direction:column;align-items:flex-start;gap:4px}.header-buttons[data-v-c12c5bb4]{flex-direction:column;align-items:stretch;gap:8px}.btn-export-pro.btn-export-solid[data-v-c12c5bb4],.btn-add-pro.btn-add-solid[data-v-c12c5bb4]{justify-content:center}}[data-v-704191f7]: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-704191f7]{padding:2rem;max-width:1400px;margin:0 auto;background:var(--gray-25);min-height:100vh}.page-header[data-v-704191f7]{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-704191f7]: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-704191f7]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.page-title h1[data-v-704191f7]{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-704191f7]{color:var(--gray-600);font-size:1.125rem;font-weight:400;line-height:1.6}.table-section[data-v-704191f7]{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-704191f7]{overflow-x:auto}.modern-table[data-v-704191f7]{width:100%;border-collapse:collapse;min-width:800px}.modern-table th[data-v-704191f7]{background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);padding:.75rem .5rem;text-align:left;font-weight:700;font-size:.8rem;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-704191f7]{padding:.75rem .5rem;border-bottom:1px solid var(--gray-100);vertical-align:middle;transition:var(--transition)}.table-row[data-v-704191f7]: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-704191f7]{display:flex;flex-direction:column;gap:.125rem}.employee-info strong[data-v-704191f7]{font-weight:700;color:var(--gray-900);font-size:.85rem;line-height:1.3}.employee-info small[data-v-704191f7]{color:var(--gray-500);font-size:.7rem;font-weight:500;padding:.125rem .25rem;background:var(--gray-100);border-radius:var(--radius-sm);display:inline-block;width:fit-content}.quota-info[data-v-704191f7]{display:flex;align-items:center;gap:.75rem;flex-direction:column}.quota-used[data-v-704191f7]{font-weight:700;font-size:1.1rem;color:var(--primary-color)}.quota-separator[data-v-704191f7]{color:var(--gray-400);font-weight:600}.quota-total[data-v-704191f7]{color:var(--gray-600);font-weight:600}.quota-display[data-v-704191f7]{display:flex;align-items:center;gap:.25rem;min-width:60px}.quota-text[data-v-704191f7]{font-weight:600;font-size:.75rem;color:var(--text-primary);min-width:35px;text-align:center}.quota-bar[data-v-704191f7]{flex:1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;min-width:30px}.quota-progress[data-v-704191f7]{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease}.quota-progress.sick[data-v-704191f7]{background:#f59e0b}.quota-progress.emergency[data-v-704191f7]{background:#ef4444}.quota-progress.maternity[data-v-704191f7]{background:#ec4899}.quota-progress.paternity[data-v-704191f7]{background:#3b82f6}.quota-progress.marriage[data-v-704191f7]{background:#10b981}.quota-progress.bereavement[data-v-704191f7]{background:#6b7280}@media (max-width: 768px){.modern-table th[data-v-704191f7]{padding:.5rem .25rem;font-size:.7rem}.modern-table th[data-v-704191f7]:nth-child(3),.modern-table td[data-v-704191f7]:nth-child(3){display:none}}.action-buttons[data-v-704191f7]{display:flex;gap:.5rem;justify-content:center}.btn-icon[data-v-704191f7]{width:28px;height:28px;border:none;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:.75rem;position:relative;overflow:hidden}.btn-icon[data-v-704191f7]: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-704191f7]:hover:before{left:100%}.btn-icon.edit[data-v-704191f7]{background:var(--warning-bg);color:var(--warning-color);border:2px solid var(--warning-border)}.btn-icon.edit[data-v-704191f7]: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-704191f7]{background:var(--error-bg);color:var(--error-color);border:2px solid var(--error-border)}.btn-icon.delete[data-v-704191f7]:hover{background:var(--error-color);color:#fff;border-color:var(--error-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.empty-state[data-v-704191f7]{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-704191f7]{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-704191f7]{margin-bottom:.75rem;color:var(--gray-700);font-size:1.5rem;font-weight:700}.empty-state p[data-v-704191f7]{font-size:1rem;line-height:1.6;max-width:400px;margin:0 auto}.modal-overlay[data-v-704191f7]{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-704191f7 .3s ease}@keyframes fadeIn-704191f7{0%{opacity:0}to{opacity:1}}.modal-content[data-v-704191f7]{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-704191f7 .3s ease}@keyframes slideUp-704191f7{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-704191f7]{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-704191f7]{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0}.close-btn[data-v-704191f7]{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-704191f7]:hover{background:var(--error-color);color:#fff;border-color:var(--error-color);transform:scale(1.05)}.modal-body[data-v-704191f7]{padding:2rem}.form-group[data-v-704191f7]{margin-bottom:1.5rem}.form-group label[data-v-704191f7]{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-704191f7]{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-704191f7]:hover{border-color:var(--gray-300);background:var(--bg-secondary)}.form-input[data-v-704191f7]: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-704191f7]::placeholder{color:var(--gray-400);font-weight:400}.form-row[data-v-704191f7]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.modal-footer[data-v-704191f7]{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-704191f7]{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-704191f7]: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-704191f7]:hover:not(:disabled):before{left:100%}.btn-primary[data-v-704191f7]: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-704191f7]:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow)}.btn-primary[data-v-704191f7]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary[data-v-704191f7]{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-704191f7]: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-704191f7]:hover:before{left:100%}.btn-secondary[data-v-704191f7]: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-704191f7]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.modern-alert[data-v-704191f7]{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-704191f7]{display:flex;align-items:flex-start;padding:1.25rem;gap:1rem;position:relative}.alert-icon[data-v-704191f7]{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-704191f7]{background:var(--success-bg);color:var(--success-color)}.alert-error .alert-icon[data-v-704191f7]{background:var(--error-bg);color:var(--error-color)}.alert-warning .alert-icon[data-v-704191f7]{background:var(--warning-bg);color:var(--warning-color)}.alert-info .alert-icon[data-v-704191f7]{background:var(--info-bg);color:var(--info-color)}.alert-text[data-v-704191f7]{flex:1;min-width:0}.alert-title[data-v-704191f7]{font-weight:700;font-size:1rem;color:var(--gray-900);margin-bottom:.25rem;line-height:1.4}.alert-message[data-v-704191f7]{font-size:.875rem;color:var(--gray-600);line-height:1.5;word-wrap:break-word}.alert-close[data-v-704191f7]{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-704191f7]:hover{background:var(--gray-100);color:var(--gray-600)}.alert-progress[data-v-704191f7]{height:4px;width:100%;background:var(--gray-100);position:relative;overflow:hidden}.alert-progress[data-v-704191f7]:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;transform:translate(-100%);animation:progressBar-704191f7 5s linear forwards}.progress-success[data-v-704191f7]:before{background:linear-gradient(90deg,var(--success-color),var(--success-light))}.progress-error[data-v-704191f7]:before{background:linear-gradient(90deg,var(--error-color),var(--error-light))}.progress-warning[data-v-704191f7]:before{background:linear-gradient(90deg,var(--warning-color),var(--warning-light))}.progress-info[data-v-704191f7]:before{background:linear-gradient(90deg,var(--info-color),var(--info-light))}@keyframes progressBar-704191f7{0%{transform:translate(-100%)}to{transform:translate(0)}}.alert-slide-enter-active[data-v-704191f7]{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.alert-slide-leave-active[data-v-704191f7]{transition:all .3s cubic-bezier(.55,.085,.68,.53)}.alert-slide-enter-from[data-v-704191f7],.alert-slide-leave-to[data-v-704191f7]{transform:translate(100%) scale(.9);opacity:0}.alert-slide-enter-to[data-v-704191f7],.alert-slide-leave-from[data-v-704191f7]{transform:translate(0) scale(1);opacity:1}@media (max-width: 1024px){.input-jatah-container[data-v-704191f7]{padding:1.5rem}.page-header[data-v-704191f7]{padding:2rem}.page-title h1[data-v-704191f7]{font-size:2rem}}@media (max-width: 768px){.input-jatah-container[data-v-704191f7]{padding:1rem;background:var(--bg-secondary)}.page-header[data-v-704191f7]{padding:1.5rem;margin-bottom:1.5rem}.page-title h1[data-v-704191f7]{font-size:1.75rem}.page-title p[data-v-704191f7]{font-size:1rem}.header-content[data-v-704191f7]{flex-direction:column;align-items:stretch;gap:1rem}.filters-section[data-v-704191f7]{padding:1.5rem}.filter-group[data-v-704191f7]{flex-direction:column;gap:1rem}.filter-select[data-v-704191f7]{min-width:auto;width:100%}.modern-table[data-v-704191f7]{font-size:.75rem;min-width:600px}.modern-table th[data-v-704191f7],.modern-table td[data-v-704191f7]{padding:.5rem .25rem}.quota-display[data-v-704191f7]{flex-direction:column;gap:.125rem;align-items:flex-start}.quota-text[data-v-704191f7]{font-size:.7rem;min-width:auto}.quota-bar[data-v-704191f7]{width:100%;min-width:40px;height:3px}.btn-icon[data-v-704191f7]{width:24px;height:24px;font-size:.7rem}.modal-content[data-v-704191f7]{width:95%;margin:1rem}.modal-header[data-v-704191f7],.modal-body[data-v-704191f7]{padding:1.5rem}.modal-footer[data-v-704191f7]{padding:1rem 1.5rem 1.5rem}.form-row[data-v-704191f7]{grid-template-columns:1fr;gap:1rem}.modal-footer[data-v-704191f7]{flex-direction:column}.btn-primary[data-v-704191f7],.btn-secondary[data-v-704191f7]{padding:.875rem 1.5rem;font-size:.85rem}.modern-alert[data-v-704191f7]{top:5rem;right:1rem;left:1rem;width:auto;max-width:none}.alert-content[data-v-704191f7]{padding:1rem;gap:.75rem}.alert-icon[data-v-704191f7]{width:2rem;height:2rem;font-size:1rem}.alert-title[data-v-704191f7]{font-size:.9rem}.alert-message[data-v-704191f7]{font-size:.8rem}}@media (max-width: 480px){.page-title h1[data-v-704191f7]{font-size:1.5rem}.empty-state[data-v-704191f7]{padding:2rem 1rem}.empty-state i[data-v-704191f7]{font-size:3rem}.empty-state h3[data-v-704191f7]{font-size:1.25rem}.modern-alert[data-v-704191f7]{top:4.5rem;right:.5rem;left:.5rem;width:auto}.alert-content[data-v-704191f7]{padding:.875rem;gap:.5rem}.alert-icon[data-v-704191f7]{width:1.75rem;height:1.75rem;font-size:.875rem}.alert-title[data-v-704191f7]{font-size:.85rem}.alert-message[data-v-704191f7]{font-size:.75rem}.alert-close[data-v-704191f7]{width:1.25rem;height:1.25rem;top:.5rem;right:.5rem}}.employee-list[data-v-704191f7]{max-height:400px;overflow-y:auto}.employee-item[data-v-704191f7]{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-704191f7]{cursor:pointer}.selectable-employee[data-v-704191f7]:hover{border-color:var(--primary-color);background-color:var(--primary-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.employee-avatar[data-v-704191f7]{margin-right:16px}.avatar-placeholder[data-v-704191f7]{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-704191f7]{flex:1}.employee-details h4[data-v-704191f7]{margin:0 0 4px;color:var(--gray-800);font-weight:600}.employee-details p[data-v-704191f7]{margin:0 0 2px;color:var(--gray-600);font-size:14px}.employee-details small[data-v-704191f7]{color:var(--gray-500);font-size:12px}.select-icon[data-v-704191f7]{color:var(--primary-color);font-size:20px}.selectable-employee:hover .select-icon[data-v-704191f7]{color:var(--primary-dark)}.header-actions[data-v-704191f7]{display:flex;gap:12px;align-items:center}.btn-primary[data-v-704191f7]{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-704191f7]:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary[data-v-704191f7]:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.form-help[data-v-704191f7]{display:block;margin-top:4px;font-size:12px;color:#6b7280;font-style:italic}.form-input[data-v-704191f7]:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-input[data-v-704191f7]:disabled::placeholder{color:#9ca3af}.filters-section[data-v-704191f7]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:24px}.filter-group[data-v-704191f7]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter-select[data-v-704191f7]{min-width:150px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px}.filter-select[data-v-704191f7]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.filter-group[data-v-704191f7]{flex-direction:column;align-items:stretch}.filter-select[data-v-704191f7]{min-width:auto}}[data-v-6fb2ce09]: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-6fb2ce09]{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-6fb2ce09]{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-6fb2ce09]{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.page-header h2.page-title[data-v-6fb2ce09]{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.page-header h1[data-v-6fb2ce09]{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-6fb2ce09]{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-6fb2ce09]{display:flex;gap:1rem;align-items:center}.header-actions .btn[data-v-6fb2ce09]{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-6fb2ce09]{background:var(--accent-primary);color:#fff}.header-actions .btn-primary[data-v-6fb2ce09]:hover{background:var(--accent-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.header-actions .btn i[data-v-6fb2ce09]{font-size:1rem}.stats-row[data-v-6fb2ce09]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.stat-card[data-v-6fb2ce09]{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-6fb2ce09]: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-6fb2ce09]:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--border-hover)}.stat-card.clickable[data-v-6fb2ce09]{cursor:pointer;transition:all .3s ease}.stat-card.clickable[data-v-6fb2ce09]:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--border-hover)}.stat-card.clickable[data-v-6fb2ce09]:active{transform:translateY(0);box-shadow:var(--shadow-card)}.stat-card.clickable.active[data-v-6fb2ce09]{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3c40431a}.stat-content h3[data-v-6fb2ce09]{font-size:2.5rem;font-weight:800;margin:0 0 8px;line-height:1}.stat-number.total[data-v-6fb2ce09]{color:var(--text-primary)}.stat-number.pending[data-v-6fb2ce09]{color:#f97316}.stat-number.approved[data-v-6fb2ce09]{color:#22c55e}.stat-number.rejected[data-v-6fb2ce09]{color:#ef4444}.stat-number.expired[data-v-6fb2ce09]{color:#7f1d1d}.stat-content p[data-v-6fb2ce09]{font-size:.95rem;color:var(--text-secondary);margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.requests-section[data-v-6fb2ce09]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-card)}.search-section[data-v-6fb2ce09]{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.search-section .search-bar[data-v-6fb2ce09]{width:100%;max-width:100%}.section-header[data-v-6fb2ce09]{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-6fb2ce09]{font-size:1.5rem;color:var(--text-primary);margin:0;font-weight:700;letter-spacing:-.025em}.total-count[data-v-6fb2ce09]{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-6fb2ce09]{display:flex;flex-direction:column;gap:20px}.leave-card[data-v-6fb2ce09]{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-6fb2ce09]:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover);border-color:var(--border-hover)}.leave-header[data-v-6fb2ce09]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.employee-info[data-v-6fb2ce09]{display:flex;align-items:center;gap:16px}.avatar[data-v-6fb2ce09]{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar img[data-v-6fb2ce09]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-6fb2ce09]{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-6fb2ce09]{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.employee-role[data-v-6fb2ce09]{font-size:.85rem;color:var(--text-secondary);margin-bottom:2px}.employee-department[data-v-6fb2ce09]{font-size:.8rem;color:var(--text-tertiary)}.leave-status[data-v-6fb2ce09]{flex-shrink:0}.status-badge[data-v-6fb2ce09]{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-6fb2ce09]{background-color:var(--warning-color);box-shadow:0 2px 4px #ea860033}.status-badge.status-approved[data-v-6fb2ce09]{background-color:var(--success-color);box-shadow:0 2px 4px #13733333}.status-badge.status-rejected[data-v-6fb2ce09]{background-color:var(--error-color);box-shadow:0 2px 4px #c5221f33}.status-badge.status-expired[data-v-6fb2ce09]{background-color:#6b7280;box-shadow:0 2px 4px #6b728033}.leave-details[data-v-6fb2ce09]{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.detail-row[data-v-6fb2ce09]{display:flex;justify-content:space-between;gap:20px;margin-bottom:12px}.detail-item[data-v-6fb2ce09]{display:flex;align-items:center;gap:8px;flex:1}.detail-item i[data-v-6fb2ce09]{font-size:.85rem;color:var(--text-tertiary)}.detail-label[data-v-6fb2ce09]{font-weight:600;color:var(--text-primary);font-size:.9rem}.detail-value[data-v-6fb2ce09]{font-size:.95rem;color:var(--text-secondary);font-weight:500}.detail-item.full-width[data-v-6fb2ce09]{flex:none}.leave-reason[data-v-6fb2ce09]{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.leave-reason strong[data-v-6fb2ce09]{color:var(--text-primary);font-weight:600}.leave-actions[data-v-6fb2ce09]{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.btn[data-v-6fb2ce09]{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-6fb2ce09]{color:var(--success-color);border-color:var(--success-color);background-color:var(--bg-card)}.btn-approve[data-v-6fb2ce09]:hover{background-color:#10b981;color:var(--bg-card);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-reject[data-v-6fb2ce09]{color:var(--error-color);border-color:var(--error-color);background-color:var(--bg-card)}.btn-reject[data-v-6fb2ce09]:hover{background-color:#ef4444;color:var(--bg-card);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn[data-v-6fb2ce09]:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.modal-overlay[data-v-6fb2ce09]{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-6fb2ce09]{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-6fb2ce09]{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-6fb2ce09]{font-size:1.25rem;font-weight:700;margin:0}.close-btn[data-v-6fb2ce09]{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-6fb2ce09]:hover{background-color:var(--border-color);color:var(--text-primary)}.modal-body[data-v-6fb2ce09]{padding:32px;overflow-y:auto;flex:1 1 auto}.employee-summary[data-v-6fb2ce09]{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-6fb2ce09]{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.employee-summary p[data-v-6fb2ce09]{color:var(--text-secondary);margin:0;font-weight:500}.form-group[data-v-6fb2ce09]{margin-bottom:20px}.form-group label[data-v-6fb2ce09]{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:.95rem}.form-textarea[data-v-6fb2ce09]{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-6fb2ce09]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3c40431a}.modal-footer[data-v-6fb2ce09]{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-6fb2ce09]{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary[data-v-6fb2ce09]:hover{background:var(--border-color);color:var(--text-primary);border-color:var(--border-hover)}.btn-success[data-v-6fb2ce09]{background:var(--success-color);color:var(--bg-card);border-color:var(--success-color)}.btn-success[data-v-6fb2ce09]:hover{background:#0f5a2a;border-color:#0f5a2a;transform:translateY(-1px);box-shadow:0 4px 12px #1373334d}.btn-danger[data-v-6fb2ce09]{background:var(--error-color);color:var(--bg-card);border-color:var(--error-color)}.btn-danger[data-v-6fb2ce09]:hover{background:#a01816;border-color:#a01816;transform:translateY(-1px);box-shadow:0 4px 12px #c5221f4d}.loading-state[data-v-6fb2ce09]{text-align:center;padding:60px 20px;color:var(--text-secondary)}.loading-state i[data-v-6fb2ce09]{font-size:2rem;margin-bottom:16px;color:var(--accent-primary)}.empty-state[data-v-6fb2ce09]{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state i[data-v-6fb2ce09]{font-size:3rem;margin-bottom:16px;color:var(--text-tertiary)}.empty-state h3[data-v-6fb2ce09]{font-size:1.25rem;color:var(--text-primary);margin-bottom:8px;font-weight:600}.empty-state p[data-v-6fb2ce09]{font-size:1rem;margin:0}.filters-section[data-v-6fb2ce09]{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-6fb2ce09]{display:flex;gap:1rem;align-items:center;width:100%;flex-wrap:nowrap}.search-bar[data-v-6fb2ce09]{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-6fb2ce09]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3c40431a}.filter-select[data-v-6fb2ce09]{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-6fb2ce09]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3c40431a}.btn-secondary[data-v-6fb2ce09]{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-6fb2ce09]:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-secondary i[data-v-6fb2ce09]{font-size:.8rem}@media (max-width: 768px){.penerimaan-permohonan-cuti[data-v-6fb2ce09]{padding:16px}.control-panel[data-v-6fb2ce09]{padding:20px}.filters-section[data-v-6fb2ce09]{padding:1rem}.filter-group[data-v-6fb2ce09]{flex-direction:column;align-items:stretch;flex-wrap:wrap}.search-bar[data-v-6fb2ce09],.filter-select[data-v-6fb2ce09]{min-width:auto;flex:none}.btn-secondary[data-v-6fb2ce09]{flex:none}.stats-row[data-v-6fb2ce09]{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card[data-v-6fb2ce09]{padding:20px 16px}.stat-content h3[data-v-6fb2ce09]{font-size:2rem}.requests-section[data-v-6fb2ce09]{padding:20px}.section-header[data-v-6fb2ce09]{flex-direction:column;gap:12px;align-items:flex-start}.leave-actions[data-v-6fb2ce09]{flex-direction:column}.btn[data-v-6fb2ce09]{width:100%}.modal-content[data-v-6fb2ce09]{width:95%;margin:20px}.modal-header[data-v-6fb2ce09],.modal-body[data-v-6fb2ce09],.modal-footer[data-v-6fb2ce09]{padding:20px}}@media (max-width: 480px){.stats-row[data-v-6fb2ce09]{grid-template-columns:1fr}.leave-header[data-v-6fb2ce09]{flex-direction:column;gap:12px;align-items:flex-start}.leave-info-row[data-v-6fb2ce09]{flex-direction:column;gap:8px;align-items:flex-start}.modern-alert[data-v-6fb2ce09]{top:4.5rem!important;right:12px!important;left:12px!important;padding:16px!important}.page-header[data-v-6fb2ce09]{flex-direction:column;align-items:flex-start}.header-actions[data-v-6fb2ce09]{width:100%;justify-content:flex-start}.header-actions .btn[data-v-6fb2ce09]{width:100%;justify-content:center}}.modern-alert[data-v-6fb2ce09]{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-6fb2ce09]{display:flex;align-items:flex-start;padding:20px;gap:16px}.alert-icon[data-v-6fb2ce09]{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-6fb2ce09]{flex:1;min-width:0}.alert-title[data-v-6fb2ce09]{font-weight:700;font-size:1rem;margin-bottom:4px;line-height:1.4}.alert-message[data-v-6fb2ce09]{font-size:.9rem;line-height:1.5;opacity:.9}.alert-close[data-v-6fb2ce09]{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-6fb2ce09]:hover{opacity:1;background:#0000000d}.alert-progress[data-v-6fb2ce09]{height:3px;background:linear-gradient(90deg,transparent,currentColor,transparent);animation:progress-animation-6fb2ce09 5s linear forwards}.alert-success[data-v-6fb2ce09]{border-left:4px solid var(--success-color);color:var(--success-color)}.alert-success .alert-icon[data-v-6fb2ce09]{background:#1373331a;color:var(--success-color)}.alert-error[data-v-6fb2ce09]{border-left:4px solid var(--error-color);color:var(--error-color)}.alert-error .alert-icon[data-v-6fb2ce09]{background:#c5221f1a;color:var(--error-color)}.alert-warning[data-v-6fb2ce09]{border-left:4px solid var(--warning-color);color:var(--warning-color)}.alert-warning .alert-icon[data-v-6fb2ce09]{background:#ea86001a;color:var(--warning-color)}.alert-info[data-v-6fb2ce09]{border-left:4px solid var(--accent-primary);color:var(--accent-primary)}.alert-info .alert-icon[data-v-6fb2ce09]{background:#3c40431a;color:var(--accent-primary)}.progress-success[data-v-6fb2ce09]{background:linear-gradient(90deg,transparent,var(--success-color),transparent)}.progress-error[data-v-6fb2ce09]{background:linear-gradient(90deg,transparent,var(--error-color),transparent)}.progress-warning[data-v-6fb2ce09]{background:linear-gradient(90deg,transparent,var(--warning-color),transparent)}.progress-info[data-v-6fb2ce09]{background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.alert-slide-enter-active[data-v-6fb2ce09]{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.alert-slide-leave-active[data-v-6fb2ce09]{transition:all .3s ease-in}.alert-slide-enter-from[data-v-6fb2ce09],.alert-slide-leave-to[data-v-6fb2ce09]{transform:translate(100%) scale(.9);opacity:0}@keyframes progress-animation-6fb2ce09{0%{width:100%;opacity:.8}to{width:0%;opacity:.3}}@media (max-width: 768px){.modern-alert[data-v-6fb2ce09]{top:5rem;right:16px;left:16px;min-width:auto;max-width:none}}.profile-container[data-v-c45e2b47]{max-width:800px;margin:0 auto;padding:var(--space-8);background-color:var(--bg-secondary);min-height:100vh}.profile-header[data-v-c45e2b47]{text-align:center;margin-bottom:2rem}.profile-header h1[data-v-c45e2b47]{font-size:2rem;font-weight:700;color:#1e3a8a;margin-bottom:.5rem}.profile-header p[data-v-c45e2b47]{color:var(--text-secondary);font-size:1rem}.profile-content[data-v-c45e2b47]{display:flex;flex-direction:column;gap:2rem}.profile-card[data-v-c45e2b47]{background:var(--bg-secondary);border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.profile-avatar-section[data-v-c45e2b47]{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.profile-avatar[data-v-c45e2b47]{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-c45e2b47]{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 2px 8px #3b82f61a}.avatar-text[data-v-c45e2b47]{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-c45e2b47]{display:flex;gap:1rem}.change-avatar-btn[data-v-c45e2b47]{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-c45e2b47]:hover:not(:disabled){background:#e0e7ef;color:#1e3a8a;border-color:#cbd5e1}.change-avatar-btn[data-v-c45e2b47]:disabled{opacity:.7;cursor:not-allowed;transform:scale(.98)}.change-avatar-btn[data-v-c45e2b47]: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-c45e2b47 1.5s infinite}.delete-avatar-btn[data-v-c45e2b47]{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-c45e2b47]:hover:not(:disabled){background:#f3e8e8;color:#991b1b;border-color:#fca5a5}.delete-avatar-btn[data-v-c45e2b47]:disabled{opacity:.7;cursor:not-allowed;transform:scale(.98)}.delete-avatar-btn[data-v-c45e2b47]: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-c45e2b47 1.5s infinite}@keyframes shimmer-c45e2b47{0%{left:-100%}to{left:100%}}.profile-info[data-v-c45e2b47]{display:flex;flex-direction:column;gap:1.5rem}.info-group[data-v-c45e2b47]{display:flex;flex-direction:column;gap:.5rem}.info-group label[data-v-c45e2b47]{font-weight:600;color:var(--text-primary);font-size:.875rem}.info-field[data-v-c45e2b47]{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-c45e2b47]{color:#1e3a8a;font-weight:500}.form-input[data-v-c45e2b47]{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-c45e2b47]:focus{outline:none;border-color:var(--primary-color)}.info-field span[data-v-c45e2b47]{color:var(--text-primary);font-weight:500}.edit-btn[data-v-c45e2b47]{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s}.edit-btn[data-v-c45e2b47]:hover{background:#3b82f61a}.edit-input[data-v-c45e2b47]{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s}.edit-input[data-v-c45e2b47]:focus{outline:none;border-color:#3b82f6}.action-buttons[data-v-c45e2b47]{display:flex;gap:1rem;margin-top:1rem}.save-btn[data-v-c45e2b47],.cancel-btn[data-v-c45e2b47]{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-c45e2b47]{background:#3b82f6;color:#fff}.save-btn[data-v-c45e2b47]:hover:not(:disabled){background:#2563eb}.save-btn[data-v-c45e2b47]:disabled{opacity:.6;cursor:not-allowed}.cancel-btn[data-v-c45e2b47]{background:#f3f4f6;color:var(--text-primary);border:1px solid #d1d5db}.cancel-btn[data-v-c45e2b47]:hover{background:#e5e7eb}.error-message[data-v-c45e2b47]{color:#dc2626;font-size:.875rem;margin-top:.5rem;padding:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.form-group[data-v-c45e2b47]{margin-bottom:1.5rem}.form-group label[data-v-c45e2b47]{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.875rem}.form-input[data-v-c45e2b47]{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-c45e2b47]:focus{outline:none;border-color:#3b82f6}.icon[data-v-c45e2b47]{font-size:1rem}.loading-spinner[data-v-c45e2b47]{animation:spin-c45e2b47 1s linear infinite}@keyframes spin-c45e2b47{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-loading-spinner[data-v-c45e2b47]{display:inline-flex;align-items:center;justify-content:center;margin-right:6px}.spinner-ring[data-v-c45e2b47]{width:18px;height:18px;border:2px solid transparent;border-top:2px solid #3b82f6;border-right:2px solid #3b82f6;border-radius:50%;animation:modern-spin-c45e2b47 .8s cubic-bezier(.68,-.55,.265,1.55) infinite;position:relative}.spinner-ring[data-v-c45e2b47]: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-c45e2b47 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite reverse}@keyframes modern-spin-c45e2b47{0%{transform:rotate(0);opacity:1}50%{transform:rotate(180deg);opacity:.8}to{transform:rotate(360deg);opacity:1}}.loading-container[data-v-c45e2b47],.error-container[data-v-c45e2b47]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-container .loading-spinner[data-v-c45e2b47]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;margin-bottom:1rem;animation:spin-c45e2b47 1s linear infinite}.error-container .error-icon[data-v-c45e2b47]{font-size:3rem;margin-bottom:1rem}.error-container p[data-v-c45e2b47]{color:#dc2626;margin-bottom:1.5rem;font-size:1.1rem}.retry-btn[data-v-c45e2b47]{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-c45e2b47]{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-c45e2b47]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.status-badge[data-v-c45e2b47]{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase}.status-active[data-v-c45e2b47]{background:#dcfce7;color:#166534}.status-inactive[data-v-c45e2b47]{background:#fef2f2;color:#dc2626}.status-resigned[data-v-c45e2b47]{background:#fef3c7;color:#d97706}.status-terminated[data-v-c45e2b47]{background:#fee2e2;color:#b91c1c}.status-default[data-v-c45e2b47]{background:#f3f4f6;color:#374151}.role-badge[data-v-c45e2b47]{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase}.role-hr[data-v-c45e2b47]{background:#fef3c7;color:#d97706}.role-program-manager[data-v-c45e2b47]{background:#dbeafe;color:#1d4ed8}.role-distribution-manager[data-v-c45e2b47]{background:#e0e7ff;color:#7c3aed}.role-employee[data-v-c45e2b47]{background:#dcfce7;color:#166534}.role-admin[data-v-c45e2b47]{background:#fee2e2;color:#dc2626}.role-manager[data-v-c45e2b47]{background:#f0fdfa;color:#0f766e}.role-default[data-v-c45e2b47]{background:#f3f4f6;color:#374151}.today-status-section[data-v-c45e2b47]{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.status-grid[data-v-c45e2b47]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.status-item[data-v-c45e2b47]{background:var(--bg-tertiary);border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.status-item label[data-v-c45e2b47]{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:.875rem}.status-value[data-v-c45e2b47]{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.time-info[data-v-c45e2b47]{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.attendance-present[data-v-c45e2b47]{color:#166534}.attendance-late[data-v-c45e2b47]{color:#d97706}.attendance-absent[data-v-c45e2b47]{color:#dc2626}.attendance-leave[data-v-c45e2b47]{color:#7c3aed}.attendance-default[data-v-c45e2b47]{color:#374151}.leave-quota-card[data-v-c45e2b47]{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-c45e2b47]{color:#1e3a8a;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.quota-container[data-v-c45e2b47]{margin-bottom:1.5rem}.quota-parameters[data-v-c45e2b47]{display:flex;flex-direction:column;gap:1rem}.quota-param[data-v-c45e2b47]{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.param-label[data-v-c45e2b47]{font-size:.875rem;font-weight:600;color:#374151;min-width:120px}.param-display[data-v-c45e2b47]{display:flex;align-items:center;gap:.75rem;flex:1;max-width:200px}.param-text[data-v-c45e2b47]{font-size:.875rem;font-weight:600;color:#1e3a8a;min-width:60px;text-align:center}.param-bar[data-v-c45e2b47]{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.param-progress[data-v-c45e2b47]{height:100%;border-radius:3px;transition:width .3s ease}.param-progress.annual[data-v-c45e2b47]{background:#3b82f6}.param-progress.sick[data-v-c45e2b47]{background:#f59e0b}.param-progress.emergency[data-v-c45e2b47]{background:#ef4444}.param-progress.maternity[data-v-c45e2b47]{background:#ec4899}.param-progress.paternity[data-v-c45e2b47]{background:#3b82f6}.param-progress.marriage[data-v-c45e2b47]{background:#10b981}.param-progress.bereavement[data-v-c45e2b47]{background:#6b7280}.param-progress.default[data-v-c45e2b47]{background:#3b82f6}.quota-actions[data-v-c45e2b47]{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-ajukan-cuti[data-v-c45e2b47]{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-c45e2b47]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d;background:linear-gradient(135deg,#2563eb,#1e40af)}.loading-state[data-v-c45e2b47],.error-state[data-v-c45e2b47],.empty-state[data-v-c45e2b47]{text-align:center;padding:1rem;color:#6b7280;background:#f9fafb;border-radius:8px;font-size:.875rem}.statistics-card[data-v-c45e2b47]{background:var(--bg-secondary);border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.statistics-card h3[data-v-c45e2b47]{color:#1e3a8a;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.statistics-grid[data-v-c45e2b47]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.stat-content[data-v-c45e2b47]{flex:1}.stat-label[data-v-c45e2b47]{font-size:.875rem;color:#64748b;margin-top:.25rem}.stat-item[data-v-c45e2b47]{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-c45e2b47]{cursor:pointer}.stat-item[onclick][data-v-c45e2b47]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.stat-item[data-v-c45e2b47]: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-c45e2b47]{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#93c5fd,#7dd3fc);color:#fff;animation:pulse-c45e2b47 2s infinite;box-shadow:0 6px 20px #00000040}.stat-item:hover .stat-value[data-v-c45e2b47]{color:#0369a1;transform:scale(1.05)}.stat-item:hover .stat-label[data-v-c45e2b47]{color:#64748b}.stat-tooltip[data-v-c45e2b47]{position:absolute;top:-10px;left:50%;transform:translate(-50%) translateY(-100%);z-index:1000;pointer-events:none;animation:tooltipFadeIn-c45e2b47 .3s ease-out}.tooltip-content[data-v-c45e2b47]{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-c45e2b47]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#bae6fd}.tooltip-content h4[data-v-c45e2b47]{margin:0 0 .5rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:#0c4a6e}.tooltip-content p[data-v-c45e2b47]{margin:0 0 .75rem;font-size:.875rem;line-height:1.4;color:#475569}.tooltip-details[data-v-c45e2b47]{padding-top:.5rem;border-top:1px solid rgba(186,230,253,.4)}.tooltip-details span[data-v-c45e2b47]{font-size:.8rem;font-weight:500;color:#0369a1}@keyframes tooltipFadeIn-c45e2b47{0%{opacity:0;transform:translate(-50%) translateY(-90%)}to{opacity:1;transform:translate(-50%) translateY(-100%)}}@keyframes pulse-c45e2b47{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stat-icon[data-v-c45e2b47]{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-c45e2b47]{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-c45e2b47]{padding:1rem}.profile-card[data-v-c45e2b47],.leave-quota-card[data-v-c45e2b47],.statistics-card[data-v-c45e2b47]{padding:1.5rem}.info-grid[data-v-c45e2b47],.status-grid[data-v-c45e2b47]{grid-template-columns:1fr}.statistics-grid[data-v-c45e2b47]{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item[data-v-c45e2b47]{flex-direction:column;text-align:center;gap:.5rem;padding:.75rem}.stat-icon[data-v-c45e2b47]{width:32px;height:32px;font-size:1.25rem}.stat-value[data-v-c45e2b47]{font-size:1.25rem;font-weight:600}.stat-label[data-v-c45e2b47]{font-size:.75rem;line-height:1.2}.stat-tooltip[data-v-c45e2b47]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000}.tooltip-content[data-v-c45e2b47]{min-width:280px;max-width:90vw}.quota-param[data-v-c45e2b47]{flex-direction:column;align-items:flex-start;gap:.5rem}.param-display[data-v-c45e2b47]{width:100%;max-width:none}.param-label[data-v-c45e2b47]{min-width:auto}.avatar-actions[data-v-c45e2b47]{flex-direction:column;width:100%}.change-avatar-btn[data-v-c45e2b47],.delete-avatar-btn[data-v-c45e2b47]{width:100%;justify-content:center}}.modal-overlay[data-v-c45e2b47]{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-c45e2b47]{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-c45e2b47]{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-c45e2b47]{margin:0;color:#0c4a6e;font-size:1.25rem;font-weight:600}.close-btn[data-v-c45e2b47]{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;color:#64748b;transition:all .2s}.close-btn[data-v-c45e2b47]:hover{background:#0000000d;color:#374151}.modal-body[data-v-c45e2b47]{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 80px)}.documents-grid[data-v-c45e2b47]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.document-card[data-v-c45e2b47]{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-c45e2b47]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#93c5fd}.document-icon[data-v-c45e2b47]{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-c45e2b47]{flex:1;min-width:0}.document-info h4[data-v-c45e2b47]{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-c45e2b47]{margin:0 0 .5rem;font-size:.875rem;color:#64748b;line-height:1.4}.document-meta[data-v-c45e2b47]{display:flex;gap:1rem;font-size:.75rem}.document-type[data-v-c45e2b47]{background:#e0f2fe;color:#0369a1;padding:.25rem .5rem;border-radius:4px;font-weight:500}.document-date[data-v-c45e2b47]{color:#64748b}.document-actions[data-v-c45e2b47]{display:flex;gap:.5rem}.download-btn[data-v-c45e2b47]{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-c45e2b47]{color:#0369a1}.download-btn[data-v-c45e2b47]:hover{background:#e0f2fe;border-color:#93c5fd}.loading-state[data-v-c45e2b47],.error-state[data-v-c45e2b47],.empty-state[data-v-c45e2b47]{text-align:center;padding:3rem 1rem}.loading-state .loading-spinner[data-v-c45e2b47]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;margin:0 auto 1rem;animation:spin-c45e2b47 1s linear infinite}.empty-icon[data-v-c45e2b47]{font-size:3rem;margin-bottom:1rem;opacity:.5}.retry-btn[data-v-c45e2b47]{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-c45e2b47]:hover{background:#2563eb}@media (max-width: 768px){.modal-content[data-v-c45e2b47]{margin:1rem;max-width:calc(100vw - 2rem)}.documents-grid[data-v-c45e2b47]{grid-template-columns:1fr}.document-card[data-v-c45e2b47]{flex-direction:column;text-align:center}.document-actions[data-v-c45e2b47]{justify-content:center}.training-grid[data-v-c45e2b47]{display:grid;gap:1rem}.training-card[data-v-c45e2b47]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s}.training-card[data-v-c45e2b47]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.training-header[data-v-c45e2b47]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.training-icon[data-v-c45e2b47]{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-c45e2b47]{flex:1}.training-title[data-v-c45e2b47]{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#1e293b}.training-provider[data-v-c45e2b47]{margin:0;color:#64748b;font-size:.9rem}.training-status[data-v-c45e2b47]{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-completed[data-v-c45e2b47]{background:#dcfce7;color:#166534}.status-ongoing[data-v-c45e2b47]{background:#fef3c7;color:#92400e}.status-pending[data-v-c45e2b47]{background:#dbeafe;color:#1e40af}.status-cancelled[data-v-c45e2b47]{background:#fee2e2;color:#991b1b}.status-unknown[data-v-c45e2b47]{background:#f3f4f6;color:#374151}.training-details[data-v-c45e2b47]{margin-top:1rem}.training-meta[data-v-c45e2b47]{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.training-date[data-v-c45e2b47],.training-duration[data-v-c45e2b47]{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem}.training-description[data-v-c45e2b47]{color:#475569;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.training-certificate[data-v-c45e2b47]{margin-top:1rem}.certificate-link[data-v-c45e2b47]{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-c45e2b47]:hover{background:#3b82f6;color:#fff}.promotion-grid[data-v-c45e2b47]{display:grid;gap:1rem}.promotion-card[data-v-c45e2b47]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s}.promotion-card[data-v-c45e2b47]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.promotion-header[data-v-c45e2b47]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.promotion-icon[data-v-c45e2b47]{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-c45e2b47]{flex:1}.promotion-title[data-v-c45e2b47]{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#1e293b}.promotion-department[data-v-c45e2b47]{margin:0;color:#64748b;font-size:.9rem}.promotion-status[data-v-c45e2b47]{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-approved[data-v-c45e2b47]{background:#dcfce7;color:#166534}.status-pending[data-v-c45e2b47]{background:#fef3c7;color:#92400e}.status-rejected[data-v-c45e2b47]{background:#fee2e2;color:#991b1b}.status-completed[data-v-c45e2b47]{background:#dbeafe;color:#1e40af}.promotion-details[data-v-c45e2b47]{margin-top:1rem}.promotion-meta[data-v-c45e2b47]{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.promotion-date[data-v-c45e2b47],.promotion-level[data-v-c45e2b47]{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem}.promotion-changes[data-v-c45e2b47]{background:#f8fafc;border-radius:8px;padding:1rem;margin-bottom:1rem}.change-item[data-v-c45e2b47]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.change-item[data-v-c45e2b47]:last-child{margin-bottom:0}.change-label[data-v-c45e2b47]{font-weight:600;color:#475569;font-size:.9rem}.change-value[data-v-c45e2b47]{color:#1e293b;font-weight:500;font-size:.9rem}.promotion-reason[data-v-c45e2b47]{margin-bottom:1rem}.promotion-reason strong[data-v-c45e2b47]{color:#475569;font-size:.9rem}.promotion-reason p[data-v-c45e2b47]{margin:.5rem 0 0;color:#64748b;font-size:.9rem;line-height:1.5}.promotion-approver[data-v-c45e2b47]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f0f9ff;border-radius:8px;border-left:4px solid #3b82f6}.approver-label[data-v-c45e2b47]{color:#475569;font-size:.9rem;font-weight:600}.approver-name[data-v-c45e2b47]{color:#1e293b;font-weight:500;font-size:.9rem}.years-service-content[data-v-c45e2b47]{max-width:600px;margin:0 auto}.years-simple-info[data-v-c45e2b47]{background:#fff;border-radius:12px;padding:2rem}.info-section[data-v-c45e2b47]{margin-bottom:2rem}.info-section[data-v-c45e2b47]:last-child{margin-bottom:0}.info-section h4[data-v-c45e2b47]{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-c45e2b47]{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-c45e2b47]{display:grid;gap:1rem}.info-row[data-v-c45e2b47]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.info-label[data-v-c45e2b47]{font-weight:600;color:#475569;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.info-value[data-v-c45e2b47]{color:#1e293b;font-weight:500;font-size:.9rem}.info-row[data-v-c45e2b47]{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-a61269e1]: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-a61269e1]{max-width:900px;margin:var(--space-8) auto;padding:var(--space-4);background-color:var(--bg-secondary);min-height:100vh}.form-card[data-v-a61269e1],.history-card[data-v-a61269e1]{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-a61269e1]{font-size:1.4rem;font-weight:700;margin-bottom:18px;color:#1a237e}.form-info[data-v-a61269e1]{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-a61269e1]{color:#4caf50;font-size:.9rem;margin-top:1px;flex-shrink:0}.leave-form[data-v-a61269e1]{display:flex;flex-direction:column;gap:18px}.form-row[data-v-a61269e1]{display:flex;gap:18px;flex-wrap:wrap}.form-group[data-v-a61269e1]{flex:1 1 180px;display:flex;flex-direction:column;gap:6px}.form-group label[data-v-a61269e1]{font-weight:500;color:#374151;margin-bottom:2px}.form-input[data-v-a61269e1],.filter-select[data-v-a61269e1]{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-a61269e1]:focus,.filter-select[data-v-a61269e1]:focus{border-color:#1976d2}.form-actions[data-v-a61269e1]{display:flex;gap:16px;margin-top:8px}.btn[data-v-a61269e1]{padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:background .2s}.btn-primary[data-v-a61269e1]{background:#1976d2;color:#fff}.btn-primary[data-v-a61269e1]:disabled{background:#90caf9;cursor:not-allowed}.btn-secondary[data-v-a61269e1]{background:#e3e7ed;color:#374151}.history-header[data-v-a61269e1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.filter-controls[data-v-a61269e1]{display:flex;align-items:center;gap:8px}.table-responsive[data-v-a61269e1]{overflow-x:auto}.leave-table[data-v-a61269e1]{width:100%;border-collapse:collapse;font-size:1rem;background:#fff}.leave-table th[data-v-a61269e1],.leave-table td[data-v-a61269e1]{padding:12px 10px;border-bottom:1px solid #e3e7ed;text-align:left;vertical-align:top}.leave-table th[data-v-a61269e1]{background:#f5f7fa;color:#1a237e;font-weight:700}.status-badge[data-v-a61269e1]{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-a61269e1]{background:#eaf9ee;color:#34c759}.status-badge.rejected[data-v-a61269e1]{background:#ffebed;color:#ff3b30}.status-badge.pending[data-v-a61269e1]{background:#e6f3ff;color:#1976d2}.status-badge.expired[data-v-a61269e1]{background:#6b7280;color:#fff}.empty-state[data-v-a61269e1]{text-align:center;color:#b0b7c3;font-size:1.1rem;padding:24px 0}.duration-info[data-v-a61269e1]{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-a61269e1]{color:#1976d2;font-size:1rem}.emergency-info[data-v-a61269e1]{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-a61269e1]{color:#ff9500;font-size:1rem}.emergency-fields[data-v-a61269e1]{background:#fff8f0;border:1px solid #ffcc80;border-radius:8px;padding:16px;margin-top:8px}.emergency-fields .form-group[data-v-a61269e1]{margin-bottom:16px}.emergency-fields .form-group[data-v-a61269e1]:last-child{margin-bottom:0}.form-help[data-v-a61269e1]{display:block;margin-top:4px;font-size:.85rem;color:#666;font-style:italic}.reason-cell[data-v-a61269e1]{width:250px;max-width:250px;min-width:200px}.reason-content[data-v-a61269e1]{display:flex;flex-direction:column;gap:6px;width:100%}.reason-text-wrapper[data-v-a61269e1]{min-height:40px;display:flex;align-items:flex-start}.reason-text[data-v-a61269e1]{line-height:1.4;word-wrap:break-word;display:block;width:100%}.view-more-btn[data-v-a61269e1]{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-a61269e1]:hover{color:#1565c0;text-decoration:none;background-color:#f0f8ff}.view-more-btn[data-v-a61269e1]:focus{outline:none;color:#1565c0;background-color:#e3f2fd}.view-more-btn[data-v-a61269e1]:active{transform:translateY(1px)}.whatsapp-notification-section[data-v-a61269e1]{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-top:20px}.whatsapp-notification-section h3[data-v-a61269e1]{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-a61269e1]: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-a61269e1]{margin-bottom:15px}.whatsapp-option[data-v-a61269e1]{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border-radius:8px;transition:background-color .2s}.whatsapp-option[data-v-a61269e1]:hover{background-color:#f0f0f0}.whatsapp-checkbox[data-v-a61269e1]{display:none}.checkmark[data-v-a61269e1]{width:20px;height:20px;border:2px solid #ddd;border-radius:4px;position:relative;transition:all .2s}.whatsapp-checkbox:checked+.checkmark[data-v-a61269e1]{background-color:#25d366;border-color:#25d366}.whatsapp-checkbox:checked+.checkmark[data-v-a61269e1]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.option-content[data-v-a61269e1]{display:flex;align-items:center;gap:10px;flex:1}.option-content i[data-v-a61269e1]{color:#25d366;font-size:1.2rem}.option-text[data-v-a61269e1]{display:flex;flex-direction:column}.option-text strong[data-v-a61269e1]{color:#333;font-size:.95rem}.option-text small[data-v-a61269e1]{color:#666;font-size:.85rem}.whatsapp-preview[data-v-a61269e1]{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.preview-header[data-v-a61269e1]{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-a61269e1]{font-size:1rem}.whatsapp-message[data-v-a61269e1]{padding:15px;line-height:1.5;color:#333}.whatsapp-message p[data-v-a61269e1]{margin:0 0 8px}.whatsapp-message p[data-v-a61269e1]:last-child{margin-bottom:0}@media (max-width: 700px){.form-row[data-v-a61269e1]{flex-direction:column;gap:10px}.form-card[data-v-a61269e1],.history-card[data-v-a61269e1]{padding:16px 12px}.employee-request-leave-container[data-v-a61269e1]{padding:8px}.leave-table th[data-v-a61269e1],.leave-table td[data-v-a61269e1]{padding:8px 4px;font-size:.85rem}.leave-table[data-v-a61269e1]{font-size:.85rem}.form-title[data-v-a61269e1]{font-size:1.5rem;margin-bottom:1rem}.form-info[data-v-a61269e1]{font-size:.75rem;padding:8px 10px;line-height:1.3}.form-group label[data-v-a61269e1]{font-size:.9rem;margin-bottom:.5rem}.form-input[data-v-a61269e1]{font-size:.9rem;padding:10px 12px}.form-help[data-v-a61269e1]{font-size:.8rem}.duration-info[data-v-a61269e1],.emergency-info[data-v-a61269e1]{font-size:.85rem;padding:10px}.reason-cell[data-v-a61269e1]{width:150px;max-width:150px;min-width:120px}.reason-text-wrapper[data-v-a61269e1]{min-height:35px}.view-more-btn[data-v-a61269e1]{font-size:.75rem;padding:3px 6px}.whatsapp-notification-section h3[data-v-a61269e1]{font-size:1.1rem}.option-text strong[data-v-a61269e1]{font-size:.9rem}.option-text small[data-v-a61269e1]{font-size:.8rem}}@media (max-width: 480px){.reason-cell[data-v-a61269e1]{width:120px;max-width:120px;min-width:100px}.reason-text[data-v-a61269e1]{font-size:.9rem}.view-more-btn[data-v-a61269e1]{font-size:.7rem;padding:2px 4px}.whatsapp-notification-section[data-v-a61269e1]{padding:15px}.whatsapp-option[data-v-a61269e1]{padding:10px}.option-content[data-v-a61269e1]{gap:8px}.option-content i[data-v-a61269e1]{font-size:1rem}.option-text strong[data-v-a61269e1]{font-size:.9rem}.option-text small[data-v-a61269e1]{font-size:.8rem}}.popup-modal-overlay[data-v-a61269e1]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup-modal-content[data-v-a61269e1]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:modalSlideIn-a61269e1 .3s ease-out}@keyframes modalSlideIn-a61269e1{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-modal-header[data-v-a61269e1]{padding:24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #e5e7eb;position:relative}.popup-modal-header.popup-success[data-v-a61269e1]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.popup-modal-header.popup-error[data-v-a61269e1]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.popup-icon[data-v-a61269e1]{font-size:2.5rem;display:flex;align-items:center;justify-content:center}.popup-title[data-v-a61269e1]{font-size:1.5rem;font-weight:700;margin:0;flex:1}.popup-close-btn[data-v-a61269e1]{position:absolute;top:16px;right:16px;background:#fff3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.popup-close-btn[data-v-a61269e1]:hover{background:#ffffff4d;transform:rotate(90deg)}.popup-modal-body[data-v-a61269e1]{padding:24px}.popup-message[data-v-a61269e1]{font-size:1rem;line-height:1.6;color:#374151;margin:0;text-align:center}.popup-modal-footer[data-v-a61269e1]{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;background:#f9fafb}.popup-modal-footer .btn[data-v-a61269e1]{min-width:120px}.modal-fade-enter-active[data-v-a61269e1],.modal-fade-leave-active[data-v-a61269e1]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-a61269e1],.modal-fade-leave-to[data-v-a61269e1]{opacity:0}.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-6813b0b7]: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-6813b0b7]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.background-video[data-v-6813b0b7]{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-6813b0b7]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:-1}.auth-container[data-v-6813b0b7]{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-6813b0b7]{width:100%;max-width:400px}.auth-card[data-v-6813b0b7]{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:40px;border:1px solid var(--border-color)}.auth-header[data-v-6813b0b7]{text-align:center;margin-bottom:40px}.logo-wrapper[data-v-6813b0b7]{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-6813b0b7]{width:60px;height:60px;border-radius:50%;object-fit:cover}.auth-title[data-v-6813b0b7]{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-6813b0b7]{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-6813b0b7]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-6813b0b7]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-6813b0b7]{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-6813b0b7]{color:var(--text-secondary);flex-shrink:0}.input-wrapper[data-v-6813b0b7]{position:relative}.form-input[data-v-6813b0b7]{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-6813b0b7]::placeholder{color:var(--text-muted);font-weight:400}.form-input[data-v-6813b0b7]:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px #1e3a8a1a}.form-input.error[data-v-6813b0b7]{border-color:var(--error-color);box-shadow:0 0 0 2px #dc26261a}.password-wrapper[data-v-6813b0b7]{position:relative}.password-toggle[data-v-6813b0b7]{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-6813b0b7]:hover{color:var(--text-primary);background:var(--background-secondary)}.password-toggle[data-v-6813b0b7]:focus{outline:2px solid var(--border-focus);outline-offset:2px}.error-message[data-v-6813b0b7]{color:var(--error-color);font-size:13px;font-weight:500;margin-top:6px;display:flex;align-items:center;gap:6px}.general-error[data-v-6813b0b7]{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-6813b0b7]{flex-shrink:0}.form-actions[data-v-6813b0b7]{display:flex;justify-content:flex-end;margin-bottom:8px}.forgot-link[data-v-6813b0b7]{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-6813b0b7]:hover{color:var(--primary-dark);background:#1e3a8a0d;text-decoration:none}.auth-button[data-v-6813b0b7]{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-6813b0b7]:hover:not(:disabled){background:var(--primary-dark)}.auth-button[data-v-6813b0b7]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-6813b0b7]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-6813b0b7 1s linear infinite}@keyframes spin-6813b0b7{to{transform:rotate(360deg)}}.auth-footer[data-v-6813b0b7]{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.footer-text[data-v-6813b0b7]{color:var(--text-secondary);font-size:14px;font-weight:400;margin:0}.auth-link[data-v-6813b0b7]{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-6813b0b7]:hover{color:var(--primary-dark);background:#1e3a8a0d;text-decoration:none}@media (max-width: 640px){.auth-container[data-v-6813b0b7]{padding:16px}.auth-card[data-v-6813b0b7]{padding:32px 24px}.auth-title[data-v-6813b0b7]{font-size:20px}.auth-subtitle[data-v-6813b0b7]{font-size:13px}.logo-wrapper[data-v-6813b0b7]{width:70px;height:70px;margin-bottom:20px}.auth-logo[data-v-6813b0b7]{width:50px;height:50px}}@media (max-width: 480px){.auth-card[data-v-6813b0b7]{padding:24px 20px}.form-input[data-v-6813b0b7]{padding:12px 14px;font-size:14px}.auth-button[data-v-6813b0b7]{padding:12px 20px;min-height:44px}}.auth-button[data-v-6813b0b7]:focus-visible,.form-input[data-v-6813b0b7]:focus-visible,.forgot-link[data-v-6813b0b7]:focus-visible,.auth-link[data-v-6813b0b7]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.loading-spinner[data-v-6813b0b7]{animation:none}[data-v-6813b0b7]{transition:none!important}}.video-background[data-v-8266e02e]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.background-video[data-v-8266e02e]{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-8266e02e]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:-1}.auth-container[data-v-8266e02e]{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-8266e02e]{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:450px;padding:40px}.auth-header[data-v-8266e02e]{text-align:center;margin-bottom:30px}.auth-logo[data-v-8266e02e]{width:80px;height:80px;border-radius:50%;margin-bottom:20px;object-fit:cover}.auth-header h2[data-v-8266e02e]{color:#1a202c;font-size:24px;font-weight:600;margin-bottom:8px}.auth-header p[data-v-8266e02e]{color:#718096;font-size:14px}.step-indicator[data-v-8266e02e]{display:flex;align-items:center;justify-content:center;margin-bottom:30px;padding:0 20px}.step[data-v-8266e02e]{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number[data-v-8266e02e]{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-8266e02e]{background:#1e3a8a;color:#fff}.step.completed .step-number[data-v-8266e02e]{background:#48bb78;color:#fff}.step-label[data-v-8266e02e]{font-size:12px;color:#718096;text-align:center}.step.active .step-label[data-v-8266e02e]{color:#1e3a8a;font-weight:500}.step-line[data-v-8266e02e]{width:40px;height:2px;background:#e2e8f0;margin:0 10px;transition:background .3s}.step-line.completed[data-v-8266e02e]{background:#48bb78}.auth-form[data-v-8266e02e]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-8266e02e]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-8266e02e]{color:#2d3748;font-weight:500;font-size:14px}.form-group input[data-v-8266e02e]{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .2s}.form-group input[data-v-8266e02e]:focus{outline:none;border-color:#1e3a8a}.form-group input.error[data-v-8266e02e]{border-color:#e53e3e}.password-input[data-v-8266e02e]{position:relative}.password-toggle[data-v-8266e02e]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px}.error-message[data-v-8266e02e]{color:#e53e3e;font-size:12px;margin-top:4px}.otp-info[data-v-8266e02e]{color:#718096;font-size:12px;margin-top:4px}.otp-actions[data-v-8266e02e]{display:flex;justify-content:center}.resend-button[data-v-8266e02e]{background:none;border:none;color:#1e3a8a;font-size:14px;cursor:pointer;text-decoration:underline}.resend-button[data-v-8266e02e]:disabled{color:#718096;cursor:not-allowed;text-decoration:none}.auth-button[data-v-8266e02e]{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-8266e02e]:hover:not(:disabled){transform:translateY(-1px)}.auth-button[data-v-8266e02e]:disabled{opacity:.7;cursor:not-allowed}.back-button[data-v-8266e02e]{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-8266e02e]:hover{background:#edf2f7;border-color:#cbd5e0}.loading-spinner[data-v-8266e02e]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-8266e02e 1s linear infinite}@keyframes spin-8266e02e{to{transform:rotate(360deg)}}.auth-footer[data-v-8266e02e]{text-align:center;margin-top:20px}.auth-footer p[data-v-8266e02e]{color:#718096;font-size:14px}.auth-link[data-v-8266e02e]{color:#1e3a8a;text-decoration:none;font-weight:500}.auth-link[data-v-8266e02e]:hover{text-decoration:underline}@media (max-width: 480px){.auth-card[data-v-8266e02e]{padding:30px 20px}.auth-header h2[data-v-8266e02e]{font-size:20px}.step-indicator[data-v-8266e02e]{padding:0 10px}.step-line[data-v-8266e02e]{width:30px;margin:0 5px}.step-label[data-v-8266e02e]{font-size:10px}}.video-background[data-v-4b0e36ac]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.background-video[data-v-4b0e36ac]{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-4b0e36ac]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:-1}.auth-container[data-v-4b0e36ac]{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-4b0e36ac]{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:450px;padding:40px}.auth-header[data-v-4b0e36ac]{text-align:center;margin-bottom:30px}.auth-logo[data-v-4b0e36ac]{width:80px;height:80px;border-radius:50%;margin-bottom:20px;object-fit:cover}.auth-header h2[data-v-4b0e36ac]{color:#1a202c;font-size:24px;font-weight:600;margin-bottom:8px}.auth-header p[data-v-4b0e36ac]{color:#718096;font-size:14px}.step-indicator[data-v-4b0e36ac]{display:flex;align-items:center;justify-content:center;margin-bottom:30px;padding:0 20px}.step[data-v-4b0e36ac]{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number[data-v-4b0e36ac]{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-4b0e36ac]{background:#1e3a8a;color:#fff}.step.completed .step-number[data-v-4b0e36ac]{background:#48bb78;color:#fff}.step-label[data-v-4b0e36ac]{font-size:12px;color:#718096;text-align:center}.step.active .step-label[data-v-4b0e36ac]{color:#1e3a8a;font-weight:500}.step-line[data-v-4b0e36ac]{width:40px;height:2px;background:#e2e8f0;margin:0 10px;transition:background .3s}.step-line.completed[data-v-4b0e36ac]{background:#48bb78}.auth-form[data-v-4b0e36ac]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-4b0e36ac]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-4b0e36ac]{color:#2d3748;font-weight:500;font-size:14px}.form-group input[data-v-4b0e36ac]{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .2s}.form-group input[data-v-4b0e36ac]:focus{outline:none;border-color:#1e3a8a}.form-group input.error[data-v-4b0e36ac]{border-color:#e53e3e}.password-input[data-v-4b0e36ac]{position:relative}.password-toggle[data-v-4b0e36ac]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px}.error-message[data-v-4b0e36ac]{color:#e53e3e;font-size:12px;margin-top:4px}.help-text[data-v-4b0e36ac],.otp-info[data-v-4b0e36ac]{color:#718096;font-size:12px;margin-top:4px}.otp-actions[data-v-4b0e36ac]{display:flex;justify-content:center}.resend-button[data-v-4b0e36ac]{background:none;border:none;color:#1e3a8a;font-size:14px;cursor:pointer;text-decoration:underline}.resend-button[data-v-4b0e36ac]:disabled{color:#718096;cursor:not-allowed;text-decoration:none}.auth-button[data-v-4b0e36ac]{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-4b0e36ac]:hover:not(:disabled){transform:translateY(-1px)}.auth-button[data-v-4b0e36ac]:disabled{opacity:.7;cursor:not-allowed}.back-button[data-v-4b0e36ac]{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-4b0e36ac]:hover{background:#edf2f7;border-color:#cbd5e0}.back-link[data-v-4b0e36ac]{color:#1e3a8a;text-decoration:none;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.back-link[data-v-4b0e36ac]:hover{text-decoration:underline}.loading-spinner[data-v-4b0e36ac]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-4b0e36ac 1s linear infinite}@keyframes spin-4b0e36ac{to{transform:rotate(360deg)}}.success-message[data-v-4b0e36ac]{text-align:center;padding:20px 0}.success-icon[data-v-4b0e36ac]{font-size:48px;margin-bottom:20px}.success-message h3[data-v-4b0e36ac]{color:#1a202c;font-size:20px;font-weight:600;margin-bottom:12px}.success-message p[data-v-4b0e36ac]{color:#718096;font-size:14px;margin-bottom:24px}.auth-footer[data-v-4b0e36ac]{text-align:center;margin-top:20px}@media (max-width: 480px){.auth-card[data-v-4b0e36ac]{padding:30px 20px}.auth-header h2[data-v-4b0e36ac]{font-size:20px}.step-indicator[data-v-4b0e36ac]{padding:0 10px}.step-line[data-v-4b0e36ac]{width:30px;margin:0 5px}.step-label[data-v-4b0e36ac]{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-a996a2ba]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);z-index:var(--z-modal-backdrop);animation:fadeIn-a996a2ba .3s ease}.popup-content[data-v-a996a2ba]{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-a996a2ba .3s ease}.popup-icon[data-v-a996a2ba]{font-size:60px;margin-bottom:20px}.popup-title[data-v-a996a2ba]{font-size:24px;font-weight:700;margin-bottom:15px;color:#333}.popup-message[data-v-a996a2ba]{font-size:16px;line-height:1.5;color:#666;margin-bottom:25px}.popup-buttons[data-v-a996a2ba]{display:flex;gap:15px;justify-content:center}.popup-btn[data-v-a996a2ba]{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-a996a2ba]{background:#007bff;color:#fff}.popup-btn.primary[data-v-a996a2ba]:hover{background:#0056b3}.popup-btn.secondary[data-v-a996a2ba]{background:#6c757d;color:#fff}.popup-btn.secondary[data-v-a996a2ba]:hover{background:#545b62}.popup-btn.success[data-v-a996a2ba]{background:#28a745;color:#fff}.popup-btn.success[data-v-a996a2ba]:hover{background:#1e7e34}@keyframes fadeIn-a996a2ba{0%{opacity:0}to{opacity:1}}@keyframes popIn-a996a2ba{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-a996a2ba]{width:95%;padding:20px}.popup-buttons[data-v-a996a2ba]{flex-direction:column}.popup-btn[data-v-a996a2ba]{width:100%}}.attendance-office[data-v-bc016b91]{padding:24px;background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header[data-v-bc016b91]{margin-bottom:24px}.header-content[data-v-bc016b91]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:20px 0}.welcome-section h1[data-v-bc016b91]{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.welcome-section p[data-v-bc016b91]{font-size:16px;color:#64748b;margin:0}.current-time[data-v-bc016b91]{text-align:right;display:flex;flex-direction:column;gap:4px}.time-display[data-v-bc016b91]{font-size:16px;color:#1e293b;font-weight:600;display:flex;align-items:center;gap:8px}.date-display[data-v-bc016b91]{font-size:14px;color:#64748b;font-weight:500}.upload-section[data-v-bc016b91],.table-section[data-v-bc016b91]{margin-bottom:24px}.dashboard-card[data-v-bc016b91]{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.card-header[data-v-bc016b91]{padding:20px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.upload-header[data-v-bc016b91]{justify-content:flex-start}.header-left[data-v-bc016b91]{display:flex;align-items:center;gap:12px}.header-actions[data-v-bc016b91]{display:flex;align-items:center;gap:12px;margin-left:auto}.auto-refresh-btn[data-v-bc016b91]{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-bc016b91]:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.auto-refresh-btn.active[data-v-bc016b91]{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.auto-refresh-btn.active i[data-v-bc016b91]{color:#3b82f6}.last-refresh-info[data-v-bc016b91]{display:flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8}.last-refresh-info i[data-v-bc016b91]{font-size:10px}.header-icon[data-v-bc016b91]{display:flex;align-items:center;justify-content:center}.header-icon i[data-v-bc016b91]{font-size:20px;color:#3b82f6}.header-text h3[data-v-bc016b91]{font-size:18px;font-weight:600;color:#1e293b;margin:0;text-align:left}.header-text p[data-v-bc016b91]{font-size:14px;color:#64748b;margin:8px 0 0;line-height:1.5;text-align:left}.card-content[data-v-bc016b91]{padding:20px}.search-section[data-v-bc016b91]{margin-bottom:16px}.search-input-wrapper[data-v-bc016b91]{position:relative;display:flex;align-items:center;max-width:400px}.search-icon[data-v-bc016b91]{position:absolute;left:12px;color:#94a3b8;font-size:14px}.search-input[data-v-bc016b91]{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-bc016b91]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search-btn[data-v-bc016b91]{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-bc016b91]:hover{background:#f1f5f9;color:#64748b}.search-info[data-v-bc016b91]{margin-top:8px;font-size:12px;color:#64748b}.search-results[data-v-bc016b91]{background:#f8fafc;padding:4px 8px;border-radius:4px;border:1px solid #e2e8f0}.upload-controls[data-v-bc016b91]{display:flex;flex-direction:column;gap:16px}.file-input-wrapper[data-v-bc016b91]{position:relative;width:100%}.file-input[data-v-bc016b91]{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-bc016b91]{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-bc016b91]:hover{border-color:#1e3a8a;background:#1e3a8a0d;transform:translateY(-2px);box-shadow:0 4px 12px #1e3a8a1a}.file-icon[data-v-bc016b91]{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.file-icon i[data-v-bc016b91]{font-size:18px;transition:color .2s ease}.file-input-label:hover .file-icon[data-v-bc016b91]{transform:scale(1.1)}.file-input-label:hover .file-icon i[data-v-bc016b91]{color:#1e3a8a}.file-text[data-v-bc016b91]{display:flex;flex-direction:column;gap:2px;flex:1;text-align:center;transition:all .2s ease}.file-input-label:hover .file-text[data-v-bc016b91]{transform:translateY(-1px)}.file-name[data-v-bc016b91]{font-size:14px;font-weight:500;color:#1e293b;transition:color .2s ease}.file-hint[data-v-bc016b91]{font-size:12px;color:#64748b;transition:color .2s ease}.file-input-label:hover .file-name[data-v-bc016b91]{color:#1e3a8a}.file-input-label:hover .file-hint[data-v-bc016b91]{color:#475569}.file-input-label.drag-over[data-v-bc016b91]{border-color:#1e3a8a;background:#1e3a8a1a;transform:translateY(-2px);box-shadow:0 6px 20px #1e3a8a26;animation:pulse-bc016b91 1.5s infinite}@keyframes pulse-bc016b91{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-bc016b91]{transform:scale(1.15)}.file-input-label.drag-over .file-icon i[data-v-bc016b91]{color:#1e3a8a}.file-input-label.drag-over .file-text[data-v-bc016b91]{transform:translateY(-1px)}.file-input-label.drag-over .file-name[data-v-bc016b91]{color:#1e3a8a}.file-input-label.drag-over .file-hint[data-v-bc016b91]{color:#475569}.btn[data-v-bc016b91]{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-bc016b91]{background:#10b981;color:#fff}.btn-upload[data-v-bc016b91]:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn[data-v-bc016b91]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.filter-section[data-v-bc016b91]{background:#f8fafc;border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid #e2e8f0}.date-picker-group[data-v-bc016b91]{display:flex;gap:16px;flex-wrap:wrap}.date-picker-item[data-v-bc016b91]{display:flex;flex-direction:column;gap:8px;flex:1;min-width:120px}.date-picker-item label[data-v-bc016b91]{font-size:14px;font-weight:500;color:#000;display:flex;align-items:center;gap:6px}.date-picker-item label i[data-v-bc016b91]{color:#000}.date-picker-select[data-v-bc016b91]{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#000}.date-picker-select[data-v-bc016b91]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.export-buttons[data-v-bc016b91]{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.btn-export[data-v-bc016b91]{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-bc016b91]{background:linear-gradient(135deg,#217346,#1e6b3d);color:#fff}.btn-excel[data-v-bc016b91]:hover:not(:disabled){background:linear-gradient(135deg,#1e6b3d,#155724);transform:translateY(-2px);box-shadow:0 8px 25px #2173464d}.btn-export[data-v-bc016b91]:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-export i[data-v-bc016b91]{font-size:16px}.table-container[data-v-bc016b91]{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.table-info[data-v-bc016b91]{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-bc016b91]{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-bc016b91]{font-size:16px}.info-stats[data-v-bc016b91]{display:flex;gap:20px;flex-wrap:wrap}.stat-item[data-v-bc016b91]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#64748b}.stat-item i[data-v-bc016b91]{font-size:14px}.table-wrapper[data-v-bc016b91]{overflow-x:auto;overflow-y:auto;max-height:500px}.monthly-table[data-v-bc016b91]{width:100%;border-collapse:collapse;font-size:11px;background:#fff;min-width:800px}.th-number[data-v-bc016b91],.td-number[data-v-bc016b91]{min-width:40px}.th-name[data-v-bc016b91],.td-name[data-v-bc016b91]{min-width:120px}.th-card[data-v-bc016b91],.td-card[data-v-bc016b91]{min-width:100px}.th-day[data-v-bc016b91],.td-day[data-v-bc016b91]{min-width:60px}.th-summary[data-v-bc016b91],.td-summary[data-v-bc016b91]{min-width:80px}.monthly-table th[data-v-bc016b91]{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-bc016b91]:last-child{border-right:none}.day-header[data-v-bc016b91]{display:flex;flex-direction:column;align-items:center;gap:2px}.day-number[data-v-bc016b91]{font-size:11px;font-weight:600}.day-name[data-v-bc016b91]{font-size:8px;font-weight:400;opacity:.9}.monthly-table td[data-v-bc016b91]{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-bc016b91]:last-child{border-right:none}.monthly-table tbody tr:first-child td[data-v-bc016b91]{border-top:1px solid #1e40af}.td-number[data-v-bc016b91],.td-name[data-v-bc016b91],.td-pin[data-v-bc016b91],.td-card[data-v-bc016b91]{font-weight:500;color:#1e293b}.td-name[data-v-bc016b91]{text-align:left;font-weight:600;white-space:nowrap;padding:6px 8px}.td-day[data-v-bc016b91]{width:auto;padding:4px 2px}.status-cell[data-v-bc016b91]{padding:2px;border-radius:3px;font-size:9px;font-weight:500}.status-present[data-v-bc016b91],.status-late[data-v-bc016b91]{background:#22c55e;color:#fff}.status-absent[data-v-bc016b91]{color:#6b7280}.status-leave[data-v-bc016b91]{background:#f59e0b;color:#fff}.status-content[data-v-bc016b91]{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:8px}.time-in[data-v-bc016b91],.time-out[data-v-bc016b91]{font-size:8px;line-height:1.1}.td-summary[data-v-bc016b91]{font-weight:600;font-size:10px}.hours-cell[data-v-bc016b91]{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-bc016b91]{font-size:8px}.view-toggle[data-v-bc016b91]{display:flex;gap:8px;margin-left:auto}.btn-toggle[data-v-bc016b91]{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-bc016b91]:hover{border-color:#1e3a8a;color:#1e3a8a}.btn-toggle.active[data-v-bc016b91]{border-color:#1e3a8a;background:#1e3a8a;color:#fff}.btn-toggle i[data-v-bc016b91]{font-size:11px}.list-view[data-v-bc016b91]{display:flex;flex-direction:column;gap:20px}.employee-card[data-v-bc016b91]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.employee-header[data-v-bc016b91]{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-bc016b91]{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.employee-info .card-number[data-v-bc016b91]{font-size:12px;color:#6b7280}.employee-summary[data-v-bc016b91]{display:flex;align-items:center;gap:12px}.absent-count[data-v-bc016b91]{font-size:12px;color:#6b7280;font-weight:500}.attendance-list[data-v-bc016b91]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.attendance-item[data-v-bc016b91]{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-bc016b91]{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:40px}.date-info .day-number[data-v-bc016b91]{font-size:14px;font-weight:600;color:#1f2937}.date-info .day-name[data-v-bc016b91]{font-size:10px;color:#6b7280}.status-info[data-v-bc016b91]{flex:1;display:flex;justify-content:flex-end}.status-badge[data-v-bc016b91]{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-bc016b91],.status-badge.status-late[data-v-bc016b91]{background:#22c55e}.status-badge.status-leave[data-v-bc016b91]{background:#f59e0b;color:#fff}.status-badge.status-absent[data-v-bc016b91]{background:#ef4444}.time-details[data-v-bc016b91]{display:flex;flex-direction:column;font-size:9px;line-height:1.2}.td-present[data-v-bc016b91]{color:#059669}.td-hours[data-v-bc016b91]{color:#0891b2}.td-absent[data-v-bc016b91]{color:#dc2626}.loading-state[data-v-bc016b91]{text-align:center;padding:40px 20px;color:#6b7280}.loading-spinner[data-v-bc016b91]{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin-bc016b91 1s linear infinite;margin:0 auto 12px}.empty-state[data-v-bc016b91]{text-align:center;padding:40px 20px;color:#6b7280}.empty-icon[data-v-bc016b91]{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-bc016b91]{font-size:24px;color:#9ca3af}.empty-state h3[data-v-bc016b91]{font-size:16px;font-weight:600;color:#374151;margin:0 0 4px}.empty-state p[data-v-bc016b91]{font-size:14px;color:#6b7280;margin:0}@keyframes spin-bc016b91{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-slide-enter-active[data-v-bc016b91],.fade-slide-leave-active[data-v-bc016b91]{transition:all .3s ease}.fade-slide-enter-from[data-v-bc016b91]{opacity:0;transform:translateY(20px)}.fade-slide-leave-to[data-v-bc016b91]{opacity:0;transform:translateY(-20px)}@media (max-width: 1200px){.info-stats[data-v-bc016b91]{gap:16px}.monthly-table[data-v-bc016b91]{font-size:12px}.monthly-table th[data-v-bc016b91],.monthly-table td[data-v-bc016b91]{padding:10px 6px}}@media (max-width: 768px){.attendance-office[data-v-bc016b91]{padding:16px}.header-content[data-v-bc016b91]{flex-direction:column;text-align:center;padding:20px}.welcome-section h1[data-v-bc016b91]{font-size:26px}.current-time[data-v-bc016b91]{text-align:center}.card-header[data-v-bc016b91]{padding:20px;flex-direction:column;text-align:center;gap:16px}.header-actions[data-v-bc016b91]{margin-left:0;justify-content:center;flex-wrap:wrap}.auto-refresh-btn[data-v-bc016b91]{font-size:11px;padding:5px 10px}.last-refresh-info[data-v-bc016b91]{font-size:10px}.card-content[data-v-bc016b91]{padding:20px}.file-input-label[data-v-bc016b91]{flex-direction:column;text-align:center;gap:16px;min-height:120px}.date-picker-group[data-v-bc016b91]{grid-template-columns:1fr;gap:16px}.export-buttons[data-v-bc016b91]{flex-direction:column;gap:8px}.btn-export[data-v-bc016b91]{justify-content:center;width:100%}.table-info[data-v-bc016b91]{flex-direction:column;gap:12px;text-align:center}.info-stats[data-v-bc016b91]{justify-content:center;gap:20px}.table-wrapper[data-v-bc016b91]{border-radius:8px;margin:0 -10px;padding:0 10px}.monthly-table[data-v-bc016b91]{font-size:12px;min-width:1000px}.monthly-table th[data-v-bc016b91],.monthly-table td[data-v-bc016b91]{padding:8px 6px;font-size:11px}.day-number[data-v-bc016b91]{font-size:12px}.day-name[data-v-bc016b91],.status-content[data-v-bc016b91],.time-in[data-v-bc016b91],.time-out[data-v-bc016b91]{font-size:9px}.td-summary[data-v-bc016b91]{font-size:11px}.td-name[data-v-bc016b91]{min-width:150px}.view-toggle[data-v-bc016b91]{margin-left:0;margin-top:12px;justify-content:center}.btn-toggle[data-v-bc016b91]{padding:6px 12px;font-size:11px}.attendance-list[data-v-bc016b91]{grid-template-columns:1fr}.employee-header[data-v-bc016b91]{flex-direction:column;align-items:flex-start;gap:8px}.employee-summary[data-v-bc016b91]{align-self:flex-end}.attendance-item[data-v-bc016b91]{padding:6px 8px}.status-badge[data-v-bc016b91]{padding:3px 6px;font-size:9px}.time-details[data-v-bc016b91]{font-size:8px}}@media (max-width: 480px){.attendance-office[data-v-bc016b91]{padding:12px}.header-content[data-v-bc016b91]{padding:16px}.welcome-section h1[data-v-bc016b91]{font-size:22px}.welcome-section p[data-v-bc016b91]{font-size:14px}.time-display[data-v-bc016b91]{font-size:16px}.date-display[data-v-bc016b91]{font-size:12px}.card-header[data-v-bc016b91]{padding:16px}.header-text h3[data-v-bc016b91]{font-size:18px}.header-text p[data-v-bc016b91]{font-size:13px}.card-content[data-v-bc016b91]{padding:16px}.file-input-label[data-v-bc016b91]{min-height:100px;padding:16px}.btn[data-v-bc016b91]{padding:14px 24px;font-size:14px}.filter-section[data-v-bc016b91],.table-info[data-v-bc016b91]{padding:16px}.info-badge[data-v-bc016b91]{padding:8px 16px}.info-badge span[data-v-bc016b91]{font-size:14px}.stat-item[data-v-bc016b91]{font-size:12px}.monthly-table[data-v-bc016b91]{font-size:10px}.monthly-table th[data-v-bc016b91],.monthly-table td[data-v-bc016b91]{padding:6px 3px}.td-name[data-v-bc016b91]{max-width:80px}.status-cell[data-v-bc016b91]{padding:6px;margin:1px}.status-content[data-v-bc016b91]{font-size:9px;gap:2px}.status-content i[data-v-bc016b91]{font-size:10px}.time-in[data-v-bc016b91],.time-out[data-v-bc016b91]{font-size:8px}}.table-wrapper[data-v-bc016b91]::-webkit-scrollbar{width:8px;height:12px}.table-wrapper[data-v-bc016b91]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.table-wrapper[data-v-bc016b91]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#94a3b8,#64748b);border-radius:6px}.table-wrapper[data-v-bc016b91]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#64748b,#475569)}@media (max-width: 768px){.table-wrapper[data-v-bc016b91]::-webkit-scrollbar{height:16px}.table-wrapper[data-v-bc016b91]::-webkit-scrollbar-track{background:#e2e8f0;border-radius:8px}.table-wrapper[data-v-bc016b91]::-webkit-scrollbar-thumb{background:#64748b;border-radius:8px;border:2px solid #e2e8f0}.table-wrapper[data-v-bc016b91]::-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-cc54f9b7]{max-width:1200px;margin:0 auto;padding:var(--space-5);background-color:var(--bg-secondary);min-height:100vh}.page-header[data-v-cc54f9b7]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;margin-bottom:24px;color:#fff}.header-content[data-v-cc54f9b7]{display:flex;align-items:center;gap:16px}.back-btn[data-v-cc54f9b7]{background:#fff3;border:none;border-radius:8px;padding:8px 12px;color:#fff;cursor:pointer;transition:background .2s}.back-btn[data-v-cc54f9b7]:hover{background:#ffffff4d}.page-title h1[data-v-cc54f9b7]{margin:0;font-size:1.8rem;font-weight:700}.page-title p[data-v-cc54f9b7]{margin:4px 0 0;opacity:.9}.form-container[data-v-cc54f9b7]{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 16px #0000001a}.section-header[data-v-cc54f9b7]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.section-header h2[data-v-cc54f9b7]{margin:0;color:#1e293b;font-size:1.4rem}.form-grid[data-v-cc54f9b7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.form-group[data-v-cc54f9b7]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-cc54f9b7]{font-weight:600;color:#374151}.form-input[data-v-cc54f9b7],.form-select[data-v-cc54f9b7],.form-textarea[data-v-cc54f9b7]{padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s}.form-select[data-v-cc54f9b7]{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-cc54f9b7]{display:block;margin-top:4px;font-size:12px;color:#6b7280;font-style:italic}.form-input[data-v-cc54f9b7]:focus,.form-select[data-v-cc54f9b7]:focus,.form-textarea[data-v-cc54f9b7]:focus{outline:none;border-color:#3b82f6}.form-actions[data-v-cc54f9b7]{display:flex;justify-content:flex-end}.btn-primary[data-v-cc54f9b7]{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-cc54f9b7]:hover:not(:disabled){background:#2563eb}.btn-primary[data-v-cc54f9b7]:disabled{opacity:.6;cursor:not-allowed}.roles-list-container[data-v-cc54f9b7]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000001a}.role-category[data-v-cc54f9b7]{margin-bottom:32px}.role-category h3[data-v-cc54f9b7]{color:#1e293b;margin-bottom:16px;font-size:1.2rem}.role-cards[data-v-cc54f9b7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.role-card[data-v-cc54f9b7]{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-cc54f9b7]:hover{border-color:#3b82f6}.role-card.standard[data-v-cc54f9b7]{background:#f8fafc}.role-card.custom[data-v-cc54f9b7]{background:#fefefe}.role-info h4[data-v-cc54f9b7]{margin:0 0 4px;color:#1e293b;font-size:1.1rem}.role-info p[data-v-cc54f9b7]{margin:4px 0;color:#6b7280;font-size:.9rem}.role-type[data-v-cc54f9b7]{font-size:.8rem;color:#9ca3af;font-weight:500}.role-meta[data-v-cc54f9b7]{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.role-department[data-v-cc54f9b7]{padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:500}.role-department.hr[data-v-cc54f9b7]{background:#dbeafe;color:#1e40af}.role-department.production[data-v-cc54f9b7]{background:#dcfce7;color:#166534}.role-department.distribution[data-v-cc54f9b7]{background:#fef3c7;color:#92400e}.role-supervisor[data-v-cc54f9b7]{margin-top:8px;font-size:.8rem;color:#6b7280}.role-supervisor small[data-v-cc54f9b7]{display:flex;align-items:center;gap:4px}.role-actions[data-v-cc54f9b7]{display:flex;gap:8px}.btn-edit[data-v-cc54f9b7],.btn-activate[data-v-cc54f9b7],.btn-deactivate[data-v-cc54f9b7]{padding:6px 8px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-edit[data-v-cc54f9b7]{background:#f59e0b;color:#fff}.btn-edit[data-v-cc54f9b7]:hover{background:#d97706}.btn-activate[data-v-cc54f9b7]{background:#10b981;color:#fff}.btn-activate[data-v-cc54f9b7]:hover{background:#059669}.btn-deactivate[data-v-cc54f9b7]{background:#ef4444;color:#fff}.btn-deactivate[data-v-cc54f9b7]:hover{background:#dc2626}.status-badge[data-v-cc54f9b7]{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.status-badge.active[data-v-cc54f9b7]{background:#dcfce7;color:#166534}.loading-state[data-v-cc54f9b7]{display:flex;flex-direction:column;align-items:center;padding:40px;color:#6b7280}.spinner[data-v-cc54f9b7]{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-cc54f9b7 1s linear infinite;margin-bottom:16px}@keyframes spin-cc54f9b7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay[data-v-cc54f9b7]{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-cc54f9b7]{background:#fff;border-radius:16px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-cc54f9b7]{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-cc54f9b7]{margin:0;color:#1e293b}.close-btn[data-v-cc54f9b7]{background:none;border:none;font-size:1.2rem;color:#6b7280;cursor:pointer;padding:4px}.close-btn[data-v-cc54f9b7]:hover{color:#374151}.modal-actions[data-v-cc54f9b7]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-secondary[data-v-cc54f9b7]{background:#6b7280;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary[data-v-cc54f9b7]:hover{background:#4b5563}.page-header.simple-header[data-v-cc54f9b7]{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-cc54f9b7]{background:#22325a14;color:#22325a}.simple-header .back-btn[data-v-cc54f9b7]:hover{background:#22325a26}.simple-title[data-v-cc54f9b7]{display:flex;flex-direction:column;gap:2px}.simple-title h1[data-v-cc54f9b7]{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:.01em}.simple-title .subtitle[data-v-cc54f9b7]{font-size:.98rem;color:#4b5c7a;opacity:.85;margin-top:2px;font-weight:400}@media (max-width: 768px){.form-grid[data-v-cc54f9b7],.role-cards[data-v-cc54f9b7]{grid-template-columns:1fr}.header-content[data-v-cc54f9b7]{flex-direction:column;align-items:flex-start}}.manager-dashboard[data-v-d521a2f9]{padding:0}.dashboard-header[data-v-d521a2f9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.dashboard-header h2[data-v-d521a2f9]{margin:0;color:#1e293b;font-size:1.8rem;font-weight:700}.header-actions[data-v-d521a2f9]{display:flex;gap:1rem}.stats-grid[data-v-d521a2f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-d521a2f9]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.stat-card[data-v-d521a2f9]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-icon[data-v-d521a2f9]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-card:nth-child(1) .stat-icon[data-v-d521a2f9]{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card:nth-child(2) .stat-icon[data-v-d521a2f9]{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card:nth-child(3) .stat-icon[data-v-d521a2f9]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card:nth-child(4) .stat-icon[data-v-d521a2f9]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content h3[data-v-d521a2f9]{margin:0;font-size:2rem;font-weight:700;color:#1e293b}.stat-content p[data-v-d521a2f9]{margin:.25rem 0 0;color:#64748b;font-weight:500}.content-grid[data-v-d521a2f9]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.content-section[data-v-d521a2f9]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.section-header[data-v-d521a2f9]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.section-header h3[data-v-d521a2f9]{margin:0;color:#1e293b;font-size:1.2rem;font-weight:600}.section-actions[data-v-d521a2f9]{display:flex;gap:.75rem;align-items:center}.filter-select[data-v-d521a2f9]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem}.programs-list[data-v-d521a2f9],.teams-list[data-v-d521a2f9],.schedules-list[data-v-d521a2f9]{max-height:500px;overflow-y:auto}.program-card[data-v-d521a2f9],.team-card[data-v-d521a2f9],.schedule-card[data-v-d521a2f9]{padding:1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s}.program-card[data-v-d521a2f9]:hover,.team-card[data-v-d521a2f9]:hover,.schedule-card[data-v-d521a2f9]:hover{background:#f8fafc}.program-card[data-v-d521a2f9]:last-child,.team-card[data-v-d521a2f9]:last-child,.schedule-card[data-v-d521a2f9]:last-child{border-bottom:none}.program-header[data-v-d521a2f9],.team-header[data-v-d521a2f9],.schedule-header[data-v-d521a2f9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.program-header h4[data-v-d521a2f9],.team-header h4[data-v-d521a2f9],.schedule-header h4[data-v-d521a2f9]{margin:0;color:#1e293b;font-size:1.1rem;font-weight:600}.status-badge[data-v-d521a2f9],.role-badge[data-v-d521a2f9]{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.draft[data-v-d521a2f9]{background:#fef3c7;color:#92400e}.status-badge.active[data-v-d521a2f9]{background:#d1fae5;color:#065f46}.status-badge.completed[data-v-d521a2f9]{background:#dbeafe;color:#1e40af}.status-badge.cancelled[data-v-d521a2f9]{background:#fee2e2;color:#991b1b}.role-badge.kreatif[data-v-d521a2f9]{background:#e0e7ff;color:#3730a3}.role-badge.promosi[data-v-d521a2f9]{background:#fce7f3;color:#be185d}.role-badge.design_grafis[data-v-d521a2f9]{background:#f0fdf4;color:#166534}.role-badge.produksi[data-v-d521a2f9]{background:#fef3c7;color:#92400e}.role-badge.editor[data-v-d521a2f9]{background:#f0f9ff;color:#0c4a6e}.role-badge.art_set_properti[data-v-d521a2f9]{background:#fdf2f8;color:#831843}.program-description[data-v-d521a2f9],.team-description[data-v-d521a2f9],.schedule-description[data-v-d521a2f9]{margin:0 0 1rem;color:#64748b;font-size:.9rem;line-height:1.5}.program-meta[data-v-d521a2f9],.team-meta[data-v-d521a2f9],.schedule-meta[data-v-d521a2f9]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:#64748b}.program-meta span[data-v-d521a2f9],.team-meta span[data-v-d521a2f9],.schedule-meta span[data-v-d521a2f9]{display:flex;align-items:center;gap:.25rem}.program-actions[data-v-d521a2f9],.team-actions[data-v-d521a2f9],.schedule-actions[data-v-d521a2f9]{display:flex;gap:.5rem}.btn[data-v-d521a2f9]{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-d521a2f9]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-d521a2f9]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-d521a2f9]{background:#6b7280;color:#fff}.btn-secondary[data-v-d521a2f9]:hover{background:#4b5563}.btn-outline[data-v-d521a2f9]{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline[data-v-d521a2f9]:hover{background:#f9fafb;color:#374151}.btn-sm[data-v-d521a2f9]{padding:.375rem .75rem;font-size:.8rem}.modal-overlay[data-v-d521a2f9]{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-d521a2f9]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header[data-v-d521a2f9]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-d521a2f9]{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.close-btn[data-v-d521a2f9]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem}.close-btn[data-v-d521a2f9]:hover{color:#374151}.modal-body[data-v-d521a2f9]{padding:1.5rem}.form-group[data-v-d521a2f9]{margin-bottom:1.5rem}.form-row[data-v-d521a2f9]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label[data-v-d521a2f9]{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.875rem}.form-input[data-v-d521a2f9],.form-select[data-v-d521a2f9],.form-textarea[data-v-d521a2f9]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input[data-v-d521a2f9]:focus,.form-select[data-v-d521a2f9]:focus,.form-textarea[data-v-d521a2f9]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea[data-v-d521a2f9]{resize:vertical;min-height:80px}.modal-footer[data-v-d521a2f9]{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.content-grid[data-v-d521a2f9]{grid-template-columns:1fr}.dashboard-header[data-v-d521a2f9]{flex-direction:column;gap:1rem;align-items:stretch}.header-actions[data-v-d521a2f9]{justify-content:center}.form-row[data-v-d521a2f9]{grid-template-columns:1fr}.modal-content[data-v-d521a2f9]{width:95%;margin:1rem}}.modal-content.large[data-v-d521a2f9]{max-width:800px;width:90%}.team-management[data-v-d521a2f9]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.available-teams[data-v-d521a2f9],.assigned-teams[data-v-d521a2f9]{border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.available-teams h4[data-v-d521a2f9],.assigned-teams h4[data-v-d521a2f9]{margin:0 0 1rem;color:#1e293b;font-size:1.1rem}.team-item[data-v-d521a2f9]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:.5rem;transition:all .3s ease}.team-item[data-v-d521a2f9]:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.teams-list .empty-state[data-v-d521a2f9]{padding:2rem 1rem;text-align:center;color:#64748b;font-size:.9rem;background:#f8fafc;border-radius:6px;border:1px dashed #cbd5e1}.team-info h5[data-v-d521a2f9]{margin:0 0 .25rem;font-size:.9rem;color:#1e293b}.role-badge[data-v-d521a2f9]{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.role-badge.kreatif[data-v-d521a2f9]{background:#dbeafe;color:#1e40af}.role-badge.promosi[data-v-d521a2f9]{background:#dcfce7;color:#166534}.role-badge.design_grafis[data-v-d521a2f9]{background:#fef3c7;color:#92400e}.role-badge.produksi[data-v-d521a2f9]{background:#e0e7ff;color:#3730a3}.role-badge.editor[data-v-d521a2f9]{background:#fce7f3;color:#be185d}.role-badge.art_set_properti[data-v-d521a2f9]{background:#f3e8ff;color:#7c3aed}.program-detail[data-v-d521a2f9]{display:grid;gap:2rem}.program-info[data-v-d521a2f9],.program-teams[data-v-d521a2f9],.program-schedules[data-v-d521a2f9]{border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.program-info h4[data-v-d521a2f9],.program-teams h4[data-v-d521a2f9],.program-schedules h4[data-v-d521a2f9]{margin:0 0 1rem;color:#1e293b;font-size:1.1rem}.program-info p[data-v-d521a2f9]{margin:.5rem 0;color:#64748b}.schedule-item[data-v-d521a2f9]{padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:.5rem}.schedule-info h5[data-v-d521a2f9]{margin:0 0 .25rem;font-size:.9rem;color:#1e293b}.schedule-info p[data-v-d521a2f9]{margin:.25rem 0;color:#64748b;font-size:.85rem}.schedule-info small[data-v-d521a2f9]{color:#94a3b8;font-size:.75rem}.empty-state[data-v-d521a2f9]{text-align:center;padding:2rem;color:#64748b}.empty-state i[data-v-d521a2f9]{font-size:2rem;margin-bottom:1rem;color:#cbd5e1}.empty-state p[data-v-d521a2f9]{margin:.5rem 0;font-size:1rem}.empty-state small[data-v-d521a2f9]{font-size:.85rem;color:#94a3b8}.producer-dashboard[data-v-bf0b1328]{padding:0}.dashboard-header[data-v-bf0b1328]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.dashboard-header h2[data-v-bf0b1328]{margin:0;color:#1e293b;font-size:1.8rem;font-weight:700}.header-actions[data-v-bf0b1328]{display:flex;gap:1rem}.stats-grid[data-v-bf0b1328]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-bf0b1328]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.stat-card[data-v-bf0b1328]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-icon[data-v-bf0b1328]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-card:nth-child(1) .stat-icon[data-v-bf0b1328]{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card:nth-child(2) .stat-icon[data-v-bf0b1328]{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card:nth-child(3) .stat-icon[data-v-bf0b1328]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card:nth-child(4) .stat-icon[data-v-bf0b1328]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content h3[data-v-bf0b1328]{margin:0;font-size:2rem;font-weight:700;color:#1e293b}.stat-content p[data-v-bf0b1328]{margin:.25rem 0 0;color:#64748b;font-weight:500}.content-grid[data-v-bf0b1328]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.content-section[data-v-bf0b1328]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.section-header[data-v-bf0b1328]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.section-header h3[data-v-bf0b1328]{margin:0;color:#1e293b;font-size:1.2rem;font-weight:600}.section-actions[data-v-bf0b1328]{display:flex;gap:.75rem;align-items:center}.filter-select[data-v-bf0b1328]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem}.programs-list[data-v-bf0b1328],.episodes-list[data-v-bf0b1328],.schedules-list[data-v-bf0b1328]{max-height:500px;overflow-y:auto}.program-card[data-v-bf0b1328],.episode-card[data-v-bf0b1328],.schedule-card[data-v-bf0b1328]{padding:1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s}.program-card[data-v-bf0b1328]:hover,.episode-card[data-v-bf0b1328]:hover,.schedule-card[data-v-bf0b1328]:hover{background:#f8fafc}.program-card[data-v-bf0b1328]:last-child,.episode-card[data-v-bf0b1328]:last-child,.schedule-card[data-v-bf0b1328]:last-child{border-bottom:none}.program-header[data-v-bf0b1328],.episode-header[data-v-bf0b1328],.schedule-header[data-v-bf0b1328]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.program-header h4[data-v-bf0b1328],.episode-header h4[data-v-bf0b1328],.schedule-header h4[data-v-bf0b1328]{margin:0;color:#1e293b;font-size:1.1rem;font-weight:600}.status-badge[data-v-bf0b1328]{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.draft[data-v-bf0b1328]{background:#fef3c7;color:#92400e}.status-badge.active[data-v-bf0b1328]{background:#d1fae5;color:#065f46}.status-badge.completed[data-v-bf0b1328]{background:#dbeafe;color:#1e40af}.status-badge.cancelled[data-v-bf0b1328]{background:#fee2e2;color:#991b1b}.status-badge.in_production[data-v-bf0b1328]{background:#fef3c7;color:#92400e}.status-badge.post_production[data-v-bf0b1328]{background:#dbeafe;color:#1e40af}.status-badge.ready_to_air[data-v-bf0b1328],.status-badge.aired[data-v-bf0b1328]{background:#d1fae5;color:#065f46}.status-badge.pending[data-v-bf0b1328]{background:#f3f4f6;color:#374151}.status-badge.in_progress[data-v-bf0b1328]{background:#dbeafe;color:#1e40af}.program-description[data-v-bf0b1328],.episode-description[data-v-bf0b1328],.schedule-description[data-v-bf0b1328]{margin:0 0 1rem;color:#64748b;font-size:.9rem;line-height:1.5}.program-meta[data-v-bf0b1328],.episode-meta[data-v-bf0b1328],.schedule-meta[data-v-bf0b1328]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:#64748b}.program-meta span[data-v-bf0b1328],.episode-meta span[data-v-bf0b1328],.schedule-meta span[data-v-bf0b1328]{display:flex;align-items:center;gap:.25rem}.episode-progress[data-v-bf0b1328]{margin-bottom:1rem}.progress-bar[data-v-bf0b1328]{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill[data-v-bf0b1328]{height:100%;border-radius:4px;transition:width .3s}.progress-fill.draft[data-v-bf0b1328]{background:#f59e0b}.progress-fill.in_production[data-v-bf0b1328]{background:#3b82f6}.progress-fill.post_production[data-v-bf0b1328]{background:#8b5cf6}.progress-fill.ready_to_air[data-v-bf0b1328]{background:#10b981}.progress-fill.aired[data-v-bf0b1328]{background:#059669}.progress-text[data-v-bf0b1328]{font-size:.8rem;color:#64748b;font-weight:500}.schedule-deadline[data-v-bf0b1328]{margin-bottom:1rem;font-size:.85rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.schedule-deadline.overdue[data-v-bf0b1328]{color:#dc2626;font-weight:600}.program-actions[data-v-bf0b1328],.episode-actions[data-v-bf0b1328],.schedule-actions[data-v-bf0b1328]{display:flex;gap:.5rem}.btn[data-v-bf0b1328]{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-bf0b1328]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-bf0b1328]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-bf0b1328]{background:#6b7280;color:#fff}.btn-secondary[data-v-bf0b1328]:hover{background:#4b5563}.btn-outline[data-v-bf0b1328]{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline[data-v-bf0b1328]:hover{background:#f9fafb;color:#374151}.btn-sm[data-v-bf0b1328]{padding:.375rem .75rem;font-size:.8rem}.modal-overlay[data-v-bf0b1328]{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-bf0b1328]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header[data-v-bf0b1328]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-bf0b1328]{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.close-btn[data-v-bf0b1328]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem}.close-btn[data-v-bf0b1328]:hover{color:#374151}.modal-body[data-v-bf0b1328]{padding:1.5rem}.form-group[data-v-bf0b1328]{margin-bottom:1.5rem}.form-row[data-v-bf0b1328]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label[data-v-bf0b1328]{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.875rem}.form-input[data-v-bf0b1328],.form-select[data-v-bf0b1328],.form-textarea[data-v-bf0b1328]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input[data-v-bf0b1328]:focus,.form-select[data-v-bf0b1328]:focus,.form-textarea[data-v-bf0b1328]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea[data-v-bf0b1328]{resize:vertical;min-height:80px}.modal-footer[data-v-bf0b1328]{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.content-grid[data-v-bf0b1328]{grid-template-columns:1fr}.dashboard-header[data-v-bf0b1328]{flex-direction:column;gap:1rem;align-items:stretch}.header-actions[data-v-bf0b1328]{justify-content:center}.form-row[data-v-bf0b1328]{grid-template-columns:1fr}.modal-content[data-v-bf0b1328]{width:95%;margin:1rem}}.creative-dashboard[data-v-751b4e9c]{padding:0}.dashboard-header[data-v-751b4e9c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.dashboard-header h2[data-v-751b4e9c]{margin:0;color:#1e293b;font-size:1.8rem;font-weight:700}.header-actions[data-v-751b4e9c]{display:flex;gap:1rem}.stats-grid[data-v-751b4e9c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-751b4e9c]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.stat-card[data-v-751b4e9c]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-icon[data-v-751b4e9c]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-card:nth-child(1) .stat-icon[data-v-751b4e9c]{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card:nth-child(2) .stat-icon[data-v-751b4e9c]{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card:nth-child(3) .stat-icon[data-v-751b4e9c]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card:nth-child(4) .stat-icon[data-v-751b4e9c]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content h3[data-v-751b4e9c]{margin:0;font-size:2rem;font-weight:700;color:#1e293b}.stat-content p[data-v-751b4e9c]{margin:.25rem 0 0;color:#64748b;font-weight:500}.content-grid[data-v-751b4e9c]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.content-section[data-v-751b4e9c]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.section-header[data-v-751b4e9c]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.section-header h3[data-v-751b4e9c]{margin:0;color:#1e293b;font-size:1.2rem;font-weight:600}.section-actions[data-v-751b4e9c]{display:flex;gap:.75rem;align-items:center}.filter-select[data-v-751b4e9c]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem}.episodes-list[data-v-751b4e9c],.schedules-list[data-v-751b4e9c]{max-height:500px;overflow-y:auto}.episode-card[data-v-751b4e9c],.schedule-card[data-v-751b4e9c]{padding:1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s}.episode-card[data-v-751b4e9c]:hover,.schedule-card[data-v-751b4e9c]:hover{background:#f8fafc}.episode-card[data-v-751b4e9c]:last-child,.schedule-card[data-v-751b4e9c]:last-child{border-bottom:none}.episode-header[data-v-751b4e9c],.schedule-header[data-v-751b4e9c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.episode-header h4[data-v-751b4e9c],.schedule-header h4[data-v-751b4e9c]{margin:0;color:#1e293b;font-size:1.1rem;font-weight:600}.status-badge[data-v-751b4e9c]{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.draft[data-v-751b4e9c],.status-badge.in_production[data-v-751b4e9c]{background:#fef3c7;color:#92400e}.status-badge.post_production[data-v-751b4e9c]{background:#dbeafe;color:#1e40af}.status-badge.ready_to_air[data-v-751b4e9c],.status-badge.aired[data-v-751b4e9c]{background:#d1fae5;color:#065f46}.status-badge.pending[data-v-751b4e9c]{background:#f3f4f6;color:#374151}.status-badge.in_progress[data-v-751b4e9c]{background:#dbeafe;color:#1e40af}.status-badge.completed[data-v-751b4e9c]{background:#d1fae5;color:#065f46}.episode-description[data-v-751b4e9c],.schedule-description[data-v-751b4e9c]{margin:0 0 1rem;color:#64748b;font-size:.9rem;line-height:1.5}.episode-meta[data-v-751b4e9c],.schedule-meta[data-v-751b4e9c]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:#64748b}.episode-meta span[data-v-751b4e9c],.schedule-meta span[data-v-751b4e9c]{display:flex;align-items:center;gap:.25rem}.episode-progress[data-v-751b4e9c]{margin-bottom:1rem}.progress-bar[data-v-751b4e9c]{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill[data-v-751b4e9c]{height:100%;border-radius:4px;transition:width .3s}.progress-fill.draft[data-v-751b4e9c]{background:#f59e0b}.progress-fill.in_production[data-v-751b4e9c]{background:#3b82f6}.progress-fill.post_production[data-v-751b4e9c]{background:#8b5cf6}.progress-fill.ready_to_air[data-v-751b4e9c]{background:#10b981}.progress-fill.aired[data-v-751b4e9c]{background:#059669}.progress-text[data-v-751b4e9c]{font-size:.8rem;color:#64748b;font-weight:500}.schedule-deadline[data-v-751b4e9c]{margin-bottom:1rem;font-size:.85rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.schedule-deadline.overdue[data-v-751b4e9c]{color:#dc2626;font-weight:600}.episode-actions[data-v-751b4e9c],.schedule-actions[data-v-751b4e9c]{display:flex;gap:.5rem}.btn[data-v-751b4e9c]{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-751b4e9c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-751b4e9c]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-751b4e9c]{background:#6b7280;color:#fff}.btn-secondary[data-v-751b4e9c]:hover{background:#4b5563}.btn-outline[data-v-751b4e9c]{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline[data-v-751b4e9c]:hover{background:#f9fafb;color:#374151}.btn-sm[data-v-751b4e9c]{padding:.375rem .75rem;font-size:.8rem}.modal-overlay[data-v-751b4e9c]{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-751b4e9c]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-content.large[data-v-751b4e9c]{max-width:800px}.modal-header[data-v-751b4e9c]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-751b4e9c]{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.close-btn[data-v-751b4e9c]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem}.close-btn[data-v-751b4e9c]:hover{color:#374151}.modal-body[data-v-751b4e9c]{padding:1.5rem}.form-group[data-v-751b4e9c]{margin-bottom:1.5rem}.form-row[data-v-751b4e9c]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label[data-v-751b4e9c]{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.875rem}.form-input[data-v-751b4e9c],.form-select[data-v-751b4e9c],.form-textarea[data-v-751b4e9c]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input[data-v-751b4e9c]:focus,.form-select[data-v-751b4e9c]:focus,.form-textarea[data-v-751b4e9c]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea[data-v-751b4e9c]{resize:vertical;min-height:80px}.script-editor[data-v-751b4e9c]{font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;min-height:400px}.modal-footer[data-v-751b4e9c]{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.content-grid[data-v-751b4e9c]{grid-template-columns:1fr}.dashboard-header[data-v-751b4e9c]{flex-direction:column;gap:1rem;align-items:stretch}.header-actions[data-v-751b4e9c]{justify-content:center}.form-row[data-v-751b4e9c]{grid-template-columns:1fr}.modal-content[data-v-751b4e9c]{width:95%;margin:1rem}.script-editor[data-v-751b4e9c]{min-height:300px}}.promotion-dashboard[data-v-0b0a0bd7]{padding:0}.dashboard-header[data-v-0b0a0bd7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.dashboard-header h2[data-v-0b0a0bd7]{margin:0;color:#1e293b;font-size:1.8rem;font-weight:700}.header-actions[data-v-0b0a0bd7]{display:flex;gap:1rem}.stats-grid[data-v-0b0a0bd7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-0b0a0bd7]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.stat-card[data-v-0b0a0bd7]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-icon[data-v-0b0a0bd7]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-card:nth-child(1) .stat-icon[data-v-0b0a0bd7]{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card:nth-child(2) .stat-icon[data-v-0b0a0bd7]{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card:nth-child(3) .stat-icon[data-v-0b0a0bd7]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card:nth-child(4) .stat-icon[data-v-0b0a0bd7]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content h3[data-v-0b0a0bd7]{margin:0;font-size:2rem;font-weight:700;color:#1e293b}.stat-content p[data-v-0b0a0bd7]{margin:.25rem 0 0;color:#64748b;font-weight:500}.content-grid[data-v-0b0a0bd7]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.content-section[data-v-0b0a0bd7]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.section-header[data-v-0b0a0bd7]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.section-header h3[data-v-0b0a0bd7]{margin:0;color:#1e293b;font-size:1.2rem;font-weight:600}.section-actions[data-v-0b0a0bd7]{display:flex;gap:.75rem;align-items:center}.filter-select[data-v-0b0a0bd7]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem}.episodes-list[data-v-0b0a0bd7],.media-list[data-v-0b0a0bd7]{max-height:500px;overflow-y:auto}.episode-card[data-v-0b0a0bd7],.media-card[data-v-0b0a0bd7]{padding:1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s}.episode-card[data-v-0b0a0bd7]:hover,.media-card[data-v-0b0a0bd7]:hover{background:#f8fafc}.episode-card[data-v-0b0a0bd7]:last-child,.media-card[data-v-0b0a0bd7]:last-child{border-bottom:none}.episode-header[data-v-0b0a0bd7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.episode-header h4[data-v-0b0a0bd7]{margin:0;color:#1e293b;font-size:1.1rem;font-weight:600}.status-badge[data-v-0b0a0bd7]{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.draft[data-v-0b0a0bd7],.status-badge.in_production[data-v-0b0a0bd7]{background:#fef3c7;color:#92400e}.status-badge.post_production[data-v-0b0a0bd7]{background:#dbeafe;color:#1e40af}.status-badge.ready_to_air[data-v-0b0a0bd7]{background:#d1fae5;color:#065f46}.episode-description[data-v-0b0a0bd7]{margin:0 0 1rem;color:#64748b;font-size:.9rem;line-height:1.5}.episode-meta[data-v-0b0a0bd7]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:#64748b}.episode-meta span[data-v-0b0a0bd7]{display:flex;align-items:center;gap:.25rem}.episode-promotion-status[data-v-0b0a0bd7]{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:8px}.promotion-item[data-v-0b0a0bd7]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b}.promotion-item i[data-v-0b0a0bd7]{font-size:1rem;color:#d1d5db}.promotion-item i.completed[data-v-0b0a0bd7]{color:#10b981}.episode-actions[data-v-0b0a0bd7],.media-actions[data-v-0b0a0bd7]{display:flex;gap:.5rem}.media-card[data-v-0b0a0bd7]{display:flex;align-items:center;gap:1rem}.media-preview[data-v-0b0a0bd7]{width:80px;height:80px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;color:#6b7280}.video-preview[data-v-0b0a0bd7]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.photo-preview[data-v-0b0a0bd7]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.file-preview[data-v-0b0a0bd7]{background:#f3f4f6;color:#6b7280}.media-info[data-v-0b0a0bd7]{flex:1}.media-info h4[data-v-0b0a0bd7]{margin:0 0 .5rem;color:#1e293b;font-size:1rem;font-weight:600}.media-description[data-v-0b0a0bd7]{margin:0 0 .75rem;color:#64748b;font-size:.85rem;line-height:1.4}.media-meta[data-v-0b0a0bd7]{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:#64748b}.media-meta span[data-v-0b0a0bd7]{display:flex;align-items:center;gap:.25rem}.btn[data-v-0b0a0bd7]{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-0b0a0bd7]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-0b0a0bd7]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-0b0a0bd7]{background:#6b7280;color:#fff}.btn-secondary[data-v-0b0a0bd7]:hover{background:#4b5563}.btn-outline[data-v-0b0a0bd7]{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline[data-v-0b0a0bd7]:hover{background:#f9fafb;color:#374151}.btn-danger[data-v-0b0a0bd7]{background:#dc2626;color:#fff}.btn-danger[data-v-0b0a0bd7]:hover{background:#b91c1c}.btn-sm[data-v-0b0a0bd7]{padding:.375rem .75rem;font-size:.8rem}.modal-overlay[data-v-0b0a0bd7]{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-0b0a0bd7]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header[data-v-0b0a0bd7]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-0b0a0bd7]{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.close-btn[data-v-0b0a0bd7]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem}.close-btn[data-v-0b0a0bd7]:hover{color:#374151}.modal-body[data-v-0b0a0bd7]{padding:1.5rem}.form-group[data-v-0b0a0bd7]{margin-bottom:1.5rem}.form-group label[data-v-0b0a0bd7]{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.875rem}.form-input[data-v-0b0a0bd7],.form-select[data-v-0b0a0bd7],.form-textarea[data-v-0b0a0bd7]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input[data-v-0b0a0bd7]:focus,.form-select[data-v-0b0a0bd7]:focus,.form-textarea[data-v-0b0a0bd7]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea[data-v-0b0a0bd7]{resize:vertical;min-height:80px}.file-help[data-v-0b0a0bd7]{margin:.5rem 0 0;font-size:.8rem;color:#6b7280}.modal-footer[data-v-0b0a0bd7]{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.content-grid[data-v-0b0a0bd7]{grid-template-columns:1fr}.dashboard-header[data-v-0b0a0bd7]{flex-direction:column;gap:1rem;align-items:stretch}.header-actions[data-v-0b0a0bd7]{justify-content:center}.media-card[data-v-0b0a0bd7]{flex-direction:column;align-items:flex-start}.media-preview[data-v-0b0a0bd7]{width:100%;height:120px}.modal-content[data-v-0b0a0bd7]{width:95%;margin:1rem}}.design-dashboard[data-v-0ece65a2]{padding:0}.dashboard-header[data-v-0ece65a2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.dashboard-header h2[data-v-0ece65a2]{margin:0;color:#1e293b;font-size:1.8rem;font-weight:700}.header-actions[data-v-0ece65a2]{display:flex;gap:1rem}.stats-grid[data-v-0ece65a2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-0ece65a2]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.stat-card[data-v-0ece65a2]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-icon[data-v-0ece65a2]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-card:nth-child(1) .stat-icon[data-v-0ece65a2]{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card:nth-child(2) .stat-icon[data-v-0ece65a2]{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card:nth-child(3) .stat-icon[data-v-0ece65a2]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card:nth-child(4) .stat-icon[data-v-0ece65a2]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content h3[data-v-0ece65a2]{margin:0;font-size:2rem;font-weight:700;color:#1e293b}.stat-content p[data-v-0ece65a2]{margin:.25rem 0 0;color:#64748b;font-weight:500}.content-grid[data-v-0ece65a2]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.content-section[data-v-0ece65a2]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.section-header[data-v-0ece65a2]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.section-header h3[data-v-0ece65a2]{margin:0;color:#1e293b;font-size:1.2rem;font-weight:600}.section-actions[data-v-0ece65a2]{display:flex;gap:.75rem;align-items:center}.filter-select[data-v-0ece65a2]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem}.episodes-list[data-v-0ece65a2],.media-list[data-v-0ece65a2]{max-height:500px;overflow-y:auto}.episode-card[data-v-0ece65a2],.media-card[data-v-0ece65a2]{padding:1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s}.episode-card[data-v-0ece65a2]:hover,.media-card[data-v-0ece65a2]:hover{background:#f8fafc}.episode-card[data-v-0ece65a2]:last-child,.media-card[data-v-0ece65a2]:last-child{border-bottom:none}.episode-header[data-v-0ece65a2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.episode-header h4[data-v-0ece65a2]{margin:0;color:#1e293b;font-size:1.1rem;font-weight:600}.status-badge[data-v-0ece65a2]{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.draft[data-v-0ece65a2],.status-badge.in_production[data-v-0ece65a2]{background:#fef3c7;color:#92400e}.status-badge.post_production[data-v-0ece65a2]{background:#dbeafe;color:#1e40af}.status-badge.ready_to_air[data-v-0ece65a2]{background:#d1fae5;color:#065f46}.episode-description[data-v-0ece65a2]{margin:0 0 1rem;color:#64748b;font-size:.9rem;line-height:1.5}.episode-meta[data-v-0ece65a2]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:#64748b}.episode-meta span[data-v-0ece65a2]{display:flex;align-items:center;gap:.25rem}.episode-design-status[data-v-0ece65a2]{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:8px}.design-item[data-v-0ece65a2]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b}.design-item i[data-v-0ece65a2]{font-size:1rem;color:#d1d5db}.design-item i.completed[data-v-0ece65a2]{color:#10b981}.episode-actions[data-v-0ece65a2],.media-actions[data-v-0ece65a2]{display:flex;gap:.5rem}.media-card[data-v-0ece65a2]{display:flex;align-items:center;gap:1rem}.media-preview[data-v-0ece65a2]{width:80px;height:80px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;color:#6b7280}.thumbnail-preview[data-v-0ece65a2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.design-preview[data-v-0ece65a2]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.file-preview[data-v-0ece65a2]{background:#f3f4f6;color:#6b7280}.media-info[data-v-0ece65a2]{flex:1}.media-info h4[data-v-0ece65a2]{margin:0 0 .5rem;color:#1e293b;font-size:1rem;font-weight:600}.media-description[data-v-0ece65a2]{margin:0 0 .75rem;color:#64748b;font-size:.85rem;line-height:1.4}.media-meta[data-v-0ece65a2]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;font-size:.8rem;color:#64748b}.media-meta span[data-v-0ece65a2]{display:flex;align-items:center;gap:.25rem}.media-dimensions[data-v-0ece65a2]{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#64748b}.btn[data-v-0ece65a2]{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-0ece65a2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-0ece65a2]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-0ece65a2]{background:#6b7280;color:#fff}.btn-secondary[data-v-0ece65a2]:hover{background:#4b5563}.btn-outline[data-v-0ece65a2]{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline[data-v-0ece65a2]:hover{background:#f9fafb;color:#374151}.btn-danger[data-v-0ece65a2]{background:#dc2626;color:#fff}.btn-danger[data-v-0ece65a2]:hover{background:#b91c1c}.btn-sm[data-v-0ece65a2]{padding:.375rem .75rem;font-size:.8rem}.modal-overlay[data-v-0ece65a2]{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-0ece65a2]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header[data-v-0ece65a2]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-0ece65a2]{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.close-btn[data-v-0ece65a2]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem}.close-btn[data-v-0ece65a2]:hover{color:#374151}.modal-body[data-v-0ece65a2]{padding:1.5rem}.form-group[data-v-0ece65a2]{margin-bottom:1.5rem}.form-row[data-v-0ece65a2]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label[data-v-0ece65a2]{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.875rem}.form-input[data-v-0ece65a2],.form-select[data-v-0ece65a2],.form-textarea[data-v-0ece65a2]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input[data-v-0ece65a2]:focus,.form-select[data-v-0ece65a2]:focus,.form-textarea[data-v-0ece65a2]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea[data-v-0ece65a2]{resize:vertical;min-height:80px}.file-help[data-v-0ece65a2]{margin:.5rem 0 0;font-size:.8rem;color:#6b7280}.modal-footer[data-v-0ece65a2]{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.content-grid[data-v-0ece65a2]{grid-template-columns:1fr}.dashboard-header[data-v-0ece65a2]{flex-direction:column;gap:1rem;align-items:stretch}.header-actions[data-v-0ece65a2]{justify-content:center}.media-card[data-v-0ece65a2]{flex-direction:column;align-items:flex-start}.media-preview[data-v-0ece65a2]{width:100%;height:120px}.form-row[data-v-0ece65a2]{grid-template-columns:1fr}.modal-content[data-v-0ece65a2]{width:95%;margin:1rem}}.production-dashboard[data-v-cfe91ae4]{padding:0}.dashboard-header[data-v-cfe91ae4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.dashboard-header h2[data-v-cfe91ae4]{margin:0;color:#1e293b;font-size:1.8rem;font-weight:700}.header-actions[data-v-cfe91ae4]{display:flex;gap:1rem}.stats-grid[data-v-cfe91ae4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-cfe91ae4]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.stat-card[data-v-cfe91ae4]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-icon[data-v-cfe91ae4]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-card:nth-child(1) .stat-icon[data-v-cfe91ae4]{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card:nth-child(2) .stat-icon[data-v-cfe91ae4]{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card:nth-child(3) .stat-icon[data-v-cfe91ae4]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card:nth-child(4) .stat-icon[data-v-cfe91ae4]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content h3[data-v-cfe91ae4]{margin:0;font-size:2rem;font-weight:700;color:#1e293b}.stat-content p[data-v-cfe91ae4]{margin:.25rem 0 0;color:#64748b;font-weight:500}.content-grid[data-v-cfe91ae4]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.content-section[data-v-cfe91ae4]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.section-header[data-v-cfe91ae4]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.section-header h3[data-v-cfe91ae4]{margin:0;color:#1e293b;font-size:1.2rem;font-weight:600}.section-actions[data-v-cfe91ae4]{display:flex;gap:.75rem;align-items:center}.filter-select[data-v-cfe91ae4]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem}.episodes-list[data-v-cfe91ae4],.equipment-list[data-v-cfe91ae4],.schedules-list[data-v-cfe91ae4]{max-height:500px;overflow-y:auto}.episode-card[data-v-cfe91ae4],.equipment-card[data-v-cfe91ae4],.schedule-card[data-v-cfe91ae4]{padding:1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s}.episode-card[data-v-cfe91ae4]:hover,.equipment-card[data-v-cfe91ae4]:hover,.schedule-card[data-v-cfe91ae4]:hover{background:#f8fafc}.episode-card[data-v-cfe91ae4]:last-child,.equipment-card[data-v-cfe91ae4]:last-child,.schedule-card[data-v-cfe91ae4]:last-child{border-bottom:none}.episode-header[data-v-cfe91ae4],.equipment-header[data-v-cfe91ae4],.schedule-header[data-v-cfe91ae4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.episode-header h4[data-v-cfe91ae4],.equipment-header h4[data-v-cfe91ae4],.schedule-header h4[data-v-cfe91ae4]{margin:0;color:#1e293b;font-size:1.1rem;font-weight:600}.status-badge[data-v-cfe91ae4]{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.draft[data-v-cfe91ae4],.status-badge.in_production[data-v-cfe91ae4]{background:#fef3c7;color:#92400e}.status-badge.post_production[data-v-cfe91ae4]{background:#dbeafe;color:#1e40af}.status-badge.ready_to_air[data-v-cfe91ae4],.status-badge.available[data-v-cfe91ae4]{background:#d1fae5;color:#065f46}.status-badge.in_use[data-v-cfe91ae4]{background:#dbeafe;color:#1e40af}.status-badge.maintenance[data-v-cfe91ae4]{background:#fef3c7;color:#92400e}.status-badge.damaged[data-v-cfe91ae4]{background:#fee2e2;color:#991b1b}.status-badge.pending[data-v-cfe91ae4]{background:#f3f4f6;color:#374151}.status-badge.in_progress[data-v-cfe91ae4]{background:#dbeafe;color:#1e40af}.status-badge.completed[data-v-cfe91ae4]{background:#d1fae5;color:#065f46}.episode-description[data-v-cfe91ae4],.equipment-description[data-v-cfe91ae4],.schedule-description[data-v-cfe91ae4]{margin:0 0 1rem;color:#64748b;font-size:.9rem;line-height:1.5}.episode-meta[data-v-cfe91ae4],.equipment-meta[data-v-cfe91ae4],.schedule-meta[data-v-cfe91ae4]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:#64748b}.episode-meta span[data-v-cfe91ae4],.equipment-meta span[data-v-cfe91ae4],.schedule-meta span[data-v-cfe91ae4]{display:flex;align-items:center;gap:.25rem}.episode-production-status[data-v-cfe91ae4]{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:8px}.production-item[data-v-cfe91ae4]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b}.production-item i[data-v-cfe91ae4]{font-size:1rem;color:#d1d5db}.production-item i.completed[data-v-cfe91ae4]{color:#10b981}.equipment-maintenance[data-v-cfe91ae4]{margin-bottom:1rem;font-size:.85rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.equipment-maintenance.overdue[data-v-cfe91ae4]{color:#dc2626;font-weight:600}.schedule-deadline[data-v-cfe91ae4]{margin-bottom:1rem;font-size:.85rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.schedule-deadline.overdue[data-v-cfe91ae4]{color:#dc2626;font-weight:600}.episode-actions[data-v-cfe91ae4],.equipment-actions[data-v-cfe91ae4],.schedule-actions[data-v-cfe91ae4]{display:flex;gap:.5rem}.btn[data-v-cfe91ae4]{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-cfe91ae4]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-cfe91ae4]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-cfe91ae4]{background:#6b7280;color:#fff}.btn-secondary[data-v-cfe91ae4]:hover{background:#4b5563}.btn-outline[data-v-cfe91ae4]{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline[data-v-cfe91ae4]:hover{background:#f9fafb;color:#374151}.btn-sm[data-v-cfe91ae4]{padding:.375rem .75rem;font-size:.8rem}.modal-overlay[data-v-cfe91ae4]{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-cfe91ae4]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header[data-v-cfe91ae4]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-cfe91ae4]{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.close-btn[data-v-cfe91ae4]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem}.close-btn[data-v-cfe91ae4]:hover{color:#374151}.modal-body[data-v-cfe91ae4]{padding:1.5rem}.form-group[data-v-cfe91ae4]{margin-bottom:1.5rem}.form-group label[data-v-cfe91ae4]{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.875rem}.form-input[data-v-cfe91ae4],.form-select[data-v-cfe91ae4],.form-textarea[data-v-cfe91ae4]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input[data-v-cfe91ae4]:focus,.form-select[data-v-cfe91ae4]:focus,.form-textarea[data-v-cfe91ae4]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea[data-v-cfe91ae4]{resize:vertical;min-height:80px}.modal-footer[data-v-cfe91ae4]{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.content-grid[data-v-cfe91ae4]{grid-template-columns:1fr}.dashboard-header[data-v-cfe91ae4]{flex-direction:column;gap:1rem;align-items:stretch}.header-actions[data-v-cfe91ae4]{justify-content:center}.modal-content[data-v-cfe91ae4]{width:95%;margin:1rem}}.editor-dashboard[data-v-fd559b72]{padding:0}.dashboard-header[data-v-fd559b72]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.dashboard-header h2[data-v-fd559b72]{margin:0;color:#1e293b;font-size:1.8rem;font-weight:700}.header-actions[data-v-fd559b72]{display:flex;gap:1rem}.stats-grid[data-v-fd559b72]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-fd559b72]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.stat-card[data-v-fd559b72]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-icon[data-v-fd559b72]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-card:nth-child(1) .stat-icon[data-v-fd559b72]{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card:nth-child(2) .stat-icon[data-v-fd559b72]{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card:nth-child(3) .stat-icon[data-v-fd559b72]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card:nth-child(4) .stat-icon[data-v-fd559b72]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content h3[data-v-fd559b72]{margin:0;font-size:2rem;font-weight:700;color:#1e293b}.stat-content p[data-v-fd559b72]{margin:.25rem 0 0;color:#64748b;font-weight:500}.content-grid[data-v-fd559b72]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.content-section[data-v-fd559b72]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.section-header[data-v-fd559b72]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.section-header h3[data-v-fd559b72]{margin:0;color:#1e293b;font-size:1.2rem;font-weight:600}.section-actions[data-v-fd559b72]{display:flex;gap:.75rem;align-items:center}.filter-select[data-v-fd559b72]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem}.episodes-list[data-v-fd559b72],.media-list[data-v-fd559b72]{max-height:500px;overflow-y:auto}.episode-card[data-v-fd559b72],.media-card[data-v-fd559b72]{padding:1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s}.episode-card[data-v-fd559b72]:hover,.media-card[data-v-fd559b72]:hover{background:#f8fafc}.episode-card[data-v-fd559b72]:last-child,.media-card[data-v-fd559b72]:last-child{border-bottom:none}.episode-header[data-v-fd559b72]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.episode-header h4[data-v-fd559b72]{margin:0;color:#1e293b;font-size:1.1rem;font-weight:600}.status-badge[data-v-fd559b72]{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.draft[data-v-fd559b72],.status-badge.in_production[data-v-fd559b72]{background:#fef3c7;color:#92400e}.status-badge.post_production[data-v-fd559b72]{background:#dbeafe;color:#1e40af}.status-badge.ready_to_air[data-v-fd559b72]{background:#d1fae5;color:#065f46}.episode-description[data-v-fd559b72]{margin:0 0 1rem;color:#64748b;font-size:.9rem;line-height:1.5}.episode-meta[data-v-fd559b72]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:#64748b}.episode-meta span[data-v-fd559b72]{display:flex;align-items:center;gap:.25rem}.episode-edit-status[data-v-fd559b72]{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:8px}.edit-item[data-v-fd559b72]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b}.edit-item i[data-v-fd559b72]{font-size:1rem;color:#d1d5db}.edit-item i.completed[data-v-fd559b72]{color:#10b981}.episode-actions[data-v-fd559b72],.media-actions[data-v-fd559b72]{display:flex;gap:.5rem}.media-card[data-v-fd559b72]{display:flex;align-items:center;gap:1rem}.media-preview[data-v-fd559b72]{width:80px;height:80px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;color:#6b7280}.edited-video-preview[data-v-fd559b72]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.raw-video-preview[data-v-fd559b72]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.audio-preview[data-v-fd559b72]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.file-preview[data-v-fd559b72]{background:#f3f4f6;color:#6b7280}.media-info[data-v-fd559b72]{flex:1}.media-info h4[data-v-fd559b72]{margin:0 0 .5rem;color:#1e293b;font-size:1rem;font-weight:600}.media-description[data-v-fd559b72]{margin:0 0 .75rem;color:#64748b;font-size:.85rem;line-height:1.4}.media-meta[data-v-fd559b72]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;font-size:.8rem;color:#64748b}.media-meta span[data-v-fd559b72]{display:flex;align-items:center;gap:.25rem}.media-duration[data-v-fd559b72]{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#64748b}.btn[data-v-fd559b72]{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-fd559b72]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-fd559b72]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-fd559b72]{background:#6b7280;color:#fff}.btn-secondary[data-v-fd559b72]:hover{background:#4b5563}.btn-outline[data-v-fd559b72]{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline[data-v-fd559b72]:hover{background:#f9fafb;color:#374151}.btn-danger[data-v-fd559b72]{background:#dc2626;color:#fff}.btn-danger[data-v-fd559b72]:hover{background:#b91c1c}.btn-sm[data-v-fd559b72]{padding:.375rem .75rem;font-size:.8rem}.modal-overlay[data-v-fd559b72]{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-fd559b72]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header[data-v-fd559b72]{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-fd559b72]{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.close-btn[data-v-fd559b72]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem}.close-btn[data-v-fd559b72]:hover{color:#374151}.modal-body[data-v-fd559b72]{padding:1.5rem}.form-group[data-v-fd559b72]{margin-bottom:1.5rem}.form-row[data-v-fd559b72]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label[data-v-fd559b72]{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.875rem}.form-input[data-v-fd559b72],.form-select[data-v-fd559b72],.form-textarea[data-v-fd559b72]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input[data-v-fd559b72]:focus,.form-select[data-v-fd559b72]:focus,.form-textarea[data-v-fd559b72]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea[data-v-fd559b72]{resize:vertical;min-height:80px}.file-help[data-v-fd559b72]{margin:.5rem 0 0;font-size:.8rem;color:#6b7280}.modal-footer[data-v-fd559b72]{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.content-grid[data-v-fd559b72]{grid-template-columns:1fr}.dashboard-header[data-v-fd559b72]{flex-direction:column;gap:1rem;align-items:stretch}.header-actions[data-v-fd559b72]{justify-content:center}.media-card[data-v-fd559b72]{flex-direction:column;align-items:flex-start}.media-preview[data-v-fd559b72]{width:100%;height:120px}.form-row[data-v-fd559b72]{grid-template-columns:1fr}.modal-content[data-v-fd559b72]{width:95%;margin:1rem}}.team-management-dashboard[data-v-dc7346e4]{padding:0}.dashboard-header[data-v-dc7346e4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px}.dashboard-header h2[data-v-dc7346e4]{margin:0;font-size:1.8rem;font-weight:600}.header-actions[data-v-dc7346e4]{display:flex;gap:1rem}.stats-grid[data-v-dc7346e4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-dc7346e4]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;gap:1rem}.stat-icon[data-v-dc7346e4]{font-size:2.5rem;opacity:.8}.stat-content h3[data-v-dc7346e4]{margin:0;font-size:2rem;font-weight:700;color:#2d3748}.stat-content p[data-v-dc7346e4]{margin:.25rem 0 0;color:#718096;font-size:.9rem}.filters-section[data-v-dc7346e4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.search-box[data-v-dc7346e4]{position:relative;flex:1;max-width:400px}.search-box i[data-v-dc7346e4]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#a0aec0}.search-box input[data-v-dc7346e4]{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem}.filter-controls[data-v-dc7346e4]{display:flex;gap:1rem}.filter-select[data-v-dc7346e4]{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;min-width:150px}.teams-section[data-v-dc7346e4]{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.section-header[data-v-dc7346e4]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.section-header h3[data-v-dc7346e4]{margin:0;font-size:1.5rem;font-weight:600}.view-controls[data-v-dc7346e4]{display:flex;gap:.5rem}.view-btn[data-v-dc7346e4]{padding:.5rem;border:2px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.view-btn.active[data-v-dc7346e4]{background:#667eea;border-color:#667eea;color:#fff}.teams-grid[data-v-dc7346e4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1.5rem}.team-card[data-v-dc7346e4]{border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s}.team-card[data-v-dc7346e4]:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.team-header[data-v-dc7346e4]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.team-header h4[data-v-dc7346e4]{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748}.status-badge[data-v-dc7346e4]{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.active[data-v-dc7346e4]{background:#c6f6d5;color:#22543d}.status-badge.inactive[data-v-dc7346e4]{background:#fed7d7;color:#742a2a}.team-description[data-v-dc7346e4]{color:#718096;margin-bottom:1rem;line-height:1.5}.team-meta[data-v-dc7346e4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.role-badge[data-v-dc7346e4]{background:#e6fffa;color:#234e52;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.member-count[data-v-dc7346e4]{color:#718096;font-size:.9rem}.team-actions[data-v-dc7346e4]{display:flex;gap:.5rem}.teams-list[data-v-dc7346e4]{padding:0}.list-header[data-v-dc7346e4]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;background:#f7fafc;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0}.team-row[data-v-dc7346e4]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;align-items:center}.team-row[data-v-dc7346e4]:hover{background:#f7fafc}.col-name h4[data-v-dc7346e4]{margin:0 0 .25rem;font-size:1rem;font-weight:600}.col-name p[data-v-dc7346e4]{margin:0;color:#718096;font-size:.9rem}.col-actions[data-v-dc7346e4]{display:flex;gap:.5rem}.modal-content.large[data-v-dc7346e4]{max-width:800px;width:90%}.members-selection[data-v-dc7346e4]{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.member-option[data-v-dc7346e4]{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.member-option[data-v-dc7346e4]:last-child{border-bottom:none}.member-checkbox[data-v-dc7346e4]{width:1.2rem;height:1.2rem}.member-label[data-v-dc7346e4]{cursor:pointer;font-size:.9rem;color:#4a5568}.members-list[data-v-dc7346e4]{max-height:300px;overflow-y:auto}.member-item[data-v-dc7346e4]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.5rem}.member-info h5[data-v-dc7346e4]{margin:0 0 .25rem;font-size:1rem;font-weight:600}.member-role[data-v-dc7346e4]{color:#718096;font-size:.8rem}.no-members[data-v-dc7346e4]{text-align:center;padding:2rem;color:#718096}.detail-section[data-v-dc7346e4]{margin-bottom:2rem}.detail-section h4[data-v-dc7346e4]{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#2d3748}.detail-grid[data-v-dc7346e4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.detail-item[data-v-dc7346e4]{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width[data-v-dc7346e4]{grid-column:1 / -1}.detail-item label[data-v-dc7346e4]{font-weight:600;color:#4a5568;font-size:.9rem}.detail-item span[data-v-dc7346e4],.detail-item p[data-v-dc7346e4]{color:#2d3748}.member-management[data-v-dc7346e4]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.current-members h4[data-v-dc7346e4],.add-members h4[data-v-dc7346e4]{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#2d3748}.checkbox-label[data-v-dc7346e4]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-checkbox[data-v-dc7346e4]{width:1.2rem;height:1.2rem}.btn[data-v-dc7346e4]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-dc7346e4]{background:#667eea;color:#fff}.btn-primary[data-v-dc7346e4]:hover{background:#5a67d8}.btn-secondary[data-v-dc7346e4]{background:#e2e8f0;color:#4a5568}.btn-secondary[data-v-dc7346e4]:hover{background:#cbd5e0}.btn-outline[data-v-dc7346e4]{background:transparent;border:2px solid #e2e8f0;color:#4a5568}.btn-outline[data-v-dc7346e4]:hover{border-color:#667eea;color:#667eea}.btn-danger[data-v-dc7346e4]{background:#fed7d7;color:#742a2a;border:2px solid #feb2b2}.btn-danger[data-v-dc7346e4]:hover{background:#feb2b2}.btn-sm[data-v-dc7346e4]{padding:.5rem 1rem;font-size:.9rem}.btn[data-v-dc7346e4]:disabled{opacity:.6;cursor:not-allowed}.form-input[data-v-dc7346e4],.form-select[data-v-dc7346e4],.form-textarea[data-v-dc7346e4]{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-input[data-v-dc7346e4]:focus,.form-select[data-v-dc7346e4]:focus,.form-textarea[data-v-dc7346e4]:focus{outline:none;border-color:#667eea}.form-textarea[data-v-dc7346e4]{resize:vertical;min-height:100px}.form-row[data-v-dc7346e4]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-dc7346e4]{margin-bottom:1.5rem}.form-group label[data-v-dc7346e4]{display:block;margin-bottom:.5rem;font-weight:600;color:#4a5568}.modal-overlay[data-v-dc7346e4]{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-dc7346e4]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header[data-v-dc7346e4]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-dc7346e4]{margin:0;font-size:1.5rem;font-weight:600}.close-btn[data-v-dc7346e4]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#a0aec0;padding:.25rem}.close-btn[data-v-dc7346e4]:hover{color:#4a5568}.modal-body[data-v-dc7346e4]{padding:1.5rem}.modal-footer[data-v-dc7346e4]{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0}@media (max-width: 768px){.dashboard-header[data-v-dc7346e4]{flex-direction:column;gap:1rem;align-items:stretch}.header-actions[data-v-dc7346e4]{justify-content:center}.filters-section[data-v-dc7346e4]{flex-direction:column;gap:1rem}.filter-controls[data-v-dc7346e4]{justify-content:center}.teams-grid[data-v-dc7346e4]{grid-template-columns:1fr}.list-header[data-v-dc7346e4],.team-row[data-v-dc7346e4]{grid-template-columns:1fr;gap:.5rem}.col-actions[data-v-dc7346e4]{justify-content:center;margin-top:.5rem}.member-management[data-v-dc7346e4],.form-row[data-v-dc7346e4]{grid-template-columns:1fr}}.workflow-management-dashboard[data-v-a7108451]{padding:0}.dashboard-header[data-v-a7108451]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px}.dashboard-header h2[data-v-a7108451]{margin:0;font-size:1.8rem;font-weight:600}.header-actions[data-v-a7108451]{display:flex;gap:1rem}.stats-grid[data-v-a7108451]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-a7108451]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;gap:1rem}.stat-icon[data-v-a7108451]{font-size:2.5rem;opacity:.8}.stat-content h3[data-v-a7108451]{margin:0;font-size:2rem;font-weight:700;color:#2d3748}.stat-content p[data-v-a7108451]{margin:.25rem 0 0;color:#718096;font-size:.9rem}.workflow-dashboard[data-v-a7108451]{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.dashboard-section[data-v-a7108451]{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.section-header[data-v-a7108451]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.section-header h3[data-v-a7108451]{margin:0;font-size:1.5rem;font-weight:600}.filter-controls[data-v-a7108451]{display:flex;gap:1rem}.filter-select[data-v-a7108451]{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;min-width:150px}.workflow-items[data-v-a7108451]{padding:1.5rem;max-height:600px;overflow-y:auto}.workflow-item[data-v-a7108451]{border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .2s}.workflow-item[data-v-a7108451]:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.item-header[data-v-a7108451]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.item-info h4[data-v-a7108451]{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2d3748}.entity-type[data-v-a7108451]{background:#e6fffa;color:#234e52;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge[data-v-a7108451]{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.draft[data-v-a7108451]{background:#f7fafc;color:#4a5568}.status-badge.pending[data-v-a7108451]{background:#fef5e7;color:#c05621}.status-badge.in_progress[data-v-a7108451]{background:#e6fffa;color:#234e52}.status-badge.completed[data-v-a7108451]{background:#c6f6d5;color:#22543d}.status-badge.cancelled[data-v-a7108451]{background:#fed7d7;color:#742a2a}.item-details p[data-v-a7108451]{color:#718096;margin-bottom:1rem;line-height:1.5}.item-meta[data-v-a7108451]{display:flex;gap:1rem;color:#a0aec0;font-size:.9rem;margin-bottom:1rem}.item-meta span[data-v-a7108451]{display:flex;align-items:center;gap:.25rem}.item-actions[data-v-a7108451]{display:flex;justify-content:space-between;align-items:center;gap:1rem}.available-transitions[data-v-a7108451]{display:flex;gap:.5rem;flex-wrap:wrap}.transition-btn[data-v-a7108451]{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.transition-btn[data-v-a7108451]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-a7108451]{background:#667eea;color:#fff}.btn-primary[data-v-a7108451]:hover:not(:disabled){background:#5a67d8}.btn-success[data-v-a7108451]{background:#48bb78;color:#fff}.btn-success[data-v-a7108451]:hover:not(:disabled){background:#38a169}.btn-warning[data-v-a7108451]{background:#ed8936;color:#fff}.btn-warning[data-v-a7108451]:hover:not(:disabled){background:#dd6b20}.btn-danger[data-v-a7108451]{background:#f56565;color:#fff}.btn-danger[data-v-a7108451]:hover:not(:disabled){background:#e53e3e}.btn-secondary[data-v-a7108451]{background:#a0aec0;color:#fff}.btn-secondary[data-v-a7108451]:hover:not(:disabled){background:#718096}.btn-outline[data-v-a7108451]{background:transparent;border:2px solid #e2e8f0;color:#4a5568}.btn-outline[data-v-a7108451]:hover:not(:disabled){border-color:#667eea;color:#667eea}.workflow-steps[data-v-a7108451]{padding:1.5rem}.workflow-step[data-v-a7108451]{display:flex;align-items:flex-start;gap:1rem;padding:1rem;margin-bottom:1rem;border-radius:8px;transition:all .2s}.workflow-step.completed[data-v-a7108451]{background:#f0fff4;border:2px solid #9ae6b4}.workflow-step.current[data-v-a7108451]{background:#ebf8ff;border:2px solid #90cdf4}.workflow-step.disabled[data-v-a7108451]{background:#f7fafc;border:2px solid #e2e8f0;opacity:.6}.step-number[data-v-a7108451]{width:2rem;height:2rem;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#4a5568;flex-shrink:0}.workflow-step.completed .step-number[data-v-a7108451]{background:#48bb78;color:#fff}.workflow-step.current .step-number[data-v-a7108451]{background:#667eea;color:#fff}.step-content[data-v-a7108451]{flex:1}.step-content h4[data-v-a7108451]{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#2d3748}.step-content p[data-v-a7108451]{margin:0 0 1rem;color:#718096;line-height:1.5}.step-requirements[data-v-a7108451]{background:#f7fafc;padding:1rem;border-radius:6px;border-left:4px solid #667eea}.step-requirements strong[data-v-a7108451]{color:#4a5568;font-size:.9rem}.step-requirements ul[data-v-a7108451]{margin:.5rem 0 0;padding-left:1.5rem}.step-requirements li[data-v-a7108451]{color:#718096;font-size:.9rem;margin-bottom:.25rem}.step-actions[data-v-a7108451]{display:flex;align-items:center}.workflow-states[data-v-a7108451]{max-height:500px;overflow-y:auto}.state-item[data-v-a7108451]{border:2px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.state-info h4[data-v-a7108451]{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2d3748}.state-info p[data-v-a7108451]{margin:0 0 1rem;color:#718096;line-height:1.5}.state-transitions h5[data-v-a7108451]{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#4a5568}.transitions-list[data-v-a7108451]{display:flex;gap:.5rem;flex-wrap:wrap}.transition-tag[data-v-a7108451]{background:#e6fffa;color:#234e52;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.item-detail[data-v-a7108451]{max-height:500px;overflow-y:auto}.detail-section[data-v-a7108451]{margin-bottom:2rem}.detail-section h4[data-v-a7108451]{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#2d3748}.detail-grid[data-v-a7108451]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.detail-item[data-v-a7108451]{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width[data-v-a7108451]{grid-column:1 / -1}.detail-item label[data-v-a7108451]{font-weight:600;color:#4a5568;font-size:.9rem}.detail-item span[data-v-a7108451],.detail-item p[data-v-a7108451]{color:#2d3748}.workflow-history[data-v-a7108451]{max-height:300px;overflow-y:auto}.history-item[data-v-a7108451]{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-bottom:1px solid #e2e8f0}.history-item[data-v-a7108451]:last-child{border-bottom:none}.history-icon[data-v-a7108451]{width:2rem;height:2rem;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#4a5568;flex-shrink:0}.history-content h5[data-v-a7108451]{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#2d3748}.history-content p[data-v-a7108451]{margin:0 0 .5rem;color:#718096;font-size:.9rem}.history-meta[data-v-a7108451]{color:#a0aec0;font-size:.8rem}.available-actions[data-v-a7108451]{display:flex;gap:.5rem;flex-wrap:wrap}.btn[data-v-a7108451]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-sm[data-v-a7108451]{padding:.5rem 1rem;font-size:.9rem}.btn[data-v-a7108451]:disabled{opacity:.6;cursor:not-allowed}.modal-overlay[data-v-a7108451]{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-a7108451]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content.large[data-v-a7108451]{max-width:800px}.modal-header[data-v-a7108451]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-a7108451]{margin:0;font-size:1.5rem;font-weight:600}.close-btn[data-v-a7108451]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#a0aec0;padding:.25rem}.close-btn[data-v-a7108451]:hover{color:#4a5568}.modal-body[data-v-a7108451]{padding:1.5rem}.modal-footer[data-v-a7108451]{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0}.form-input[data-v-a7108451],.form-textarea[data-v-a7108451]{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-input[data-v-a7108451]:focus,.form-textarea[data-v-a7108451]:focus{outline:none;border-color:#667eea}.form-textarea[data-v-a7108451]{resize:vertical;min-height:100px}.form-group[data-v-a7108451]{margin-bottom:1.5rem}.form-group label[data-v-a7108451]{display:block;margin-bottom:.5rem;font-weight:600;color:#4a5568}@media (max-width: 768px){.workflow-dashboard[data-v-a7108451]{grid-template-columns:1fr}.dashboard-header[data-v-a7108451]{flex-direction:column;gap:1rem;align-items:stretch}.header-actions[data-v-a7108451]{justify-content:center}.filter-controls[data-v-a7108451]{flex-direction:column}.item-actions[data-v-a7108451]{flex-direction:column;align-items:stretch}.available-transitions[data-v-a7108451]{justify-content:center}.workflow-step[data-v-a7108451]{flex-direction:column;text-align:center}.step-actions[data-v-a7108451]{justify-content:center}}.file-management-dashboard[data-v-89d155ab]{padding:0}.dashboard-header[data-v-89d155ab]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px}.dashboard-header h2[data-v-89d155ab]{margin:0;font-size:1.8rem;font-weight:600}.header-actions[data-v-89d155ab]{display:flex;gap:1rem}.stats-grid[data-v-89d155ab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-89d155ab]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;gap:1rem}.stat-icon[data-v-89d155ab]{font-size:2.5rem;opacity:.8}.stat-content h3[data-v-89d155ab]{margin:0;font-size:2rem;font-weight:700;color:#2d3748}.stat-content p[data-v-89d155ab]{margin:.25rem 0 0;color:#718096;font-size:.9rem}.filters-section[data-v-89d155ab]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.search-box[data-v-89d155ab]{position:relative;flex:1;max-width:400px}.search-box i[data-v-89d155ab]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#a0aec0}.search-box input[data-v-89d155ab]{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem}.filter-controls[data-v-89d155ab]{display:flex;gap:1rem}.filter-select[data-v-89d155ab]{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;min-width:150px}.files-section[data-v-89d155ab]{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.section-header[data-v-89d155ab]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.section-header h3[data-v-89d155ab]{margin:0;font-size:1.5rem;font-weight:600}.view-controls[data-v-89d155ab]{display:flex;gap:.5rem}.view-btn[data-v-89d155ab]{padding:.5rem;border:2px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.view-btn.active[data-v-89d155ab]{background:#667eea;border-color:#667eea;color:#fff}.files-grid[data-v-89d155ab]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:1.5rem}.file-card[data-v-89d155ab]{border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s}.file-card[data-v-89d155ab]:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.file-preview[data-v-89d155ab]{text-align:center;margin-bottom:1rem}.file-icon[data-v-89d155ab]{width:4rem;height:4rem;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto}.file-icon.script[data-v-89d155ab]{background:#e6fffa;color:#234e52}.file-icon.video[data-v-89d155ab]{background:#fef5e7;color:#c05621}.file-icon.image[data-v-89d155ab]{background:#f0fff4;color:#22543d}.file-icon.document[data-v-89d155ab]{background:#fed7d7;color:#742a2a}.file-icon.audio[data-v-89d155ab]{background:#e6f3ff;color:#2b6cb0}.file-icon.default[data-v-89d155ab]{background:#f7fafc;color:#4a5568}.file-info h4[data-v-89d155ab]{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-category[data-v-89d155ab]{color:#667eea;font-size:.8rem;font-weight:500;margin:0 0 .25rem}.file-size[data-v-89d155ab]{color:#718096;font-size:.9rem;margin:0 0 .25rem}.file-entity[data-v-89d155ab]{color:#a0aec0;font-size:.8rem;margin:0 0 1rem}.file-actions[data-v-89d155ab]{display:flex;gap:.5rem;justify-content:center}.files-list[data-v-89d155ab]{padding:0}.list-header[data-v-89d155ab]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;background:#f7fafc;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0}.file-row[data-v-89d155ab]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;align-items:center;cursor:pointer}.file-row[data-v-89d155ab]:hover{background:#f7fafc}.file-name[data-v-89d155ab]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#2d3748}.file-name i[data-v-89d155ab]{color:#667eea}.file-name span[data-v-89d155ab]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-name p[data-v-89d155ab]{margin:.25rem 0 0;color:#718096;font-size:.9rem}.category-badge[data-v-89d155ab]{background:#e6fffa;color:#234e52;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.col-actions[data-v-89d155ab]{display:flex;gap:.5rem;justify-content:center}.file-preview-large[data-v-89d155ab]{text-align:center;margin-bottom:2rem}.file-icon-large[data-v-89d155ab]{width:6rem;height:6rem;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto}.file-details h4[data-v-89d155ab]{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#2d3748;text-align:center}.detail-grid[data-v-89d155ab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.detail-item[data-v-89d155ab]{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width[data-v-89d155ab]{grid-column:1 / -1}.detail-item label[data-v-89d155ab]{font-weight:600;color:#4a5568;font-size:.9rem}.detail-item span[data-v-89d155ab],.detail-item p[data-v-89d155ab]{color:#2d3748}.selected-files[data-v-89d155ab]{margin-top:1rem;padding:1rem;background:#f7fafc;border-radius:8px}.selected-files h4[data-v-89d155ab]{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#2d3748}.files-preview[data-v-89d155ab]{max-height:200px;overflow-y:auto}.file-preview-item[data-v-89d155ab]{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-bottom:1px solid #e2e8f0}.file-preview-item[data-v-89d155ab]:last-child{border-bottom:none}.file-preview-item i[data-v-89d155ab]{color:#667eea;width:1.5rem}.file-preview-item span[data-v-89d155ab]{color:#2d3748}.file-size[data-v-89d155ab]{color:#718096;font-size:.9rem;margin-left:auto}.file-help[data-v-89d155ab]{color:#718096;font-size:.9rem;margin:.5rem 0 0}.btn[data-v-89d155ab]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-89d155ab]{background:#667eea;color:#fff}.btn-primary[data-v-89d155ab]:hover{background:#5a67d8}.btn-secondary[data-v-89d155ab]{background:#e2e8f0;color:#4a5568}.btn-secondary[data-v-89d155ab]:hover{background:#cbd5e0}.btn-outline[data-v-89d155ab]{background:transparent;border:2px solid #e2e8f0;color:#4a5568}.btn-outline[data-v-89d155ab]:hover{border-color:#667eea;color:#667eea}.btn-danger[data-v-89d155ab]{background:#fed7d7;color:#742a2a;border:2px solid #feb2b2}.btn-danger[data-v-89d155ab]:hover{background:#feb2b2}.btn-sm[data-v-89d155ab]{padding:.5rem 1rem;font-size:.9rem}.btn[data-v-89d155ab]:disabled{opacity:.6;cursor:not-allowed}.modal-overlay[data-v-89d155ab]{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-89d155ab]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content.large[data-v-89d155ab]{max-width:700px}.modal-header[data-v-89d155ab]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-89d155ab]{margin:0;font-size:1.5rem;font-weight:600}.close-btn[data-v-89d155ab]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#a0aec0;padding:.25rem}.close-btn[data-v-89d155ab]:hover{color:#4a5568}.modal-body[data-v-89d155ab]{padding:1.5rem}.modal-footer[data-v-89d155ab]{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0}.form-input[data-v-89d155ab],.form-select[data-v-89d155ab],.form-textarea[data-v-89d155ab]{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-input[data-v-89d155ab]:focus,.form-select[data-v-89d155ab]:focus,.form-textarea[data-v-89d155ab]:focus{outline:none;border-color:#667eea}.form-textarea[data-v-89d155ab]{resize:vertical;min-height:100px}.form-row[data-v-89d155ab]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-89d155ab]{margin-bottom:1.5rem}.form-group label[data-v-89d155ab]{display:block;margin-bottom:.5rem;font-weight:600;color:#4a5568}@media (max-width: 768px){.dashboard-header[data-v-89d155ab]{flex-direction:column;gap:1rem;align-items:stretch}.header-actions[data-v-89d155ab]{justify-content:center}.filters-section[data-v-89d155ab]{flex-direction:column;gap:1rem}.filter-controls[data-v-89d155ab]{justify-content:center}.files-grid[data-v-89d155ab]{grid-template-columns:1fr}.list-header[data-v-89d155ab],.file-row[data-v-89d155ab]{grid-template-columns:1fr;gap:.5rem}.col-actions[data-v-89d155ab]{justify-content:center;margin-top:.5rem}.form-row[data-v-89d155ab]{grid-template-columns:1fr}}.section-header[data-v-015fd484]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-actions[data-v-015fd484]{display:flex;gap:.5rem}.proposals-list[data-v-015fd484]{display:grid;gap:1rem}.proposal-card[data-v-015fd484]{border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.proposal-header[data-v-015fd484]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.proposal-meta[data-v-015fd484]{display:flex;gap:1rem;color:#64748b;font-size:.9rem;margin-bottom:.5rem}.proposal-actions[data-v-015fd484]{display:flex;gap:.5rem}.empty-state[data-v-015fd484]{text-align:center;color:#94a3b8;padding:1rem}.status-badge[data-v-015fd484]{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;text-transform:capitalize}.status-badge.draft[data-v-015fd484]{background:#f1f5f9;color:#334155}.status-badge.pending[data-v-015fd484],.status-badge.reviewed[data-v-015fd484]{background:#fff7ed;color:#9a3412}.status-badge.approved[data-v-015fd484]{background:#dcfce7;color:#166534}.status-badge.rejected[data-v-015fd484]{background:#fee2e2;color:#991b1b}.status-badge.cancelled[data-v-015fd484]{background:#e5e7eb;color:#374151}.btn[data-v-015fd484]{padding:.5rem .75rem;border:none;border-radius:6px;cursor:pointer}.btn-sm[data-v-015fd484]{font-size:.8rem}.btn-primary[data-v-015fd484]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-outline[data-v-015fd484]{background:#fff;border:1px solid #e5e7eb}.btn-danger[data-v-015fd484]{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.modal-overlay[data-v-015fd484]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-015fd484]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:auto}.modal-header[data-v-015fd484]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.modal-body[data-v-015fd484]{padding:1rem}.modal-footer[data-v-015fd484]{padding:1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.5rem}.form-group[data-v-015fd484]{margin-bottom:1rem}.form-input[data-v-015fd484],.form-select[data-v-015fd484],.form-textarea[data-v-015fd484]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px}.checkbox-label[data-v-015fd484]{display:flex;gap:.5rem;align-items:center}.form-checkbox[data-v-015fd484]{width:1.1rem;height:1.1rem}.close-btn[data-v-015fd484]{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer}.section-header[data-v-fd2cec1f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.tabs[data-v-fd2cec1f]{display:flex;gap:.5rem}.tabs button[data-v-fd2cec1f]{padding:.4rem .6rem;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer}.tabs button.active[data-v-fd2cec1f]{background:#eef2ff;border-color:#c7d2fe}.approvals-list[data-v-fd2cec1f]{display:grid;gap:1rem}.approval-card[data-v-fd2cec1f]{border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.approval-header[data-v-fd2cec1f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.approval-meta[data-v-fd2cec1f]{display:flex;gap:1rem;color:#64748b;font-size:.9rem;margin-bottom:.5rem}.approval-actions[data-v-fd2cec1f]{display:flex;gap:.5rem}.empty-state[data-v-fd2cec1f]{text-align:center;color:#94a3b8;padding:1rem}.status-badge[data-v-fd2cec1f]{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;text-transform:capitalize}.status-badge.pending[data-v-fd2cec1f]{background:#fff7ed;color:#9a3412}.status-badge.reviewed[data-v-fd2cec1f]{background:#f1f5f9;color:#334155}.status-badge.approved[data-v-fd2cec1f]{background:#dcfce7;color:#166534}.status-badge.rejected[data-v-fd2cec1f]{background:#fee2e2;color:#991b1b}.status-badge.cancelled[data-v-fd2cec1f]{background:#e5e7eb;color:#374151}.btn[data-v-fd2cec1f]{padding:.5rem .75rem;border:none;border-radius:6px;cursor:pointer}.btn-sm[data-v-fd2cec1f]{font-size:.8rem}.btn-outline[data-v-fd2cec1f]{background:#fff;border:1px solid #e5e7eb}.btn-danger[data-v-fd2cec1f]{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.section-header[data-v-20da0cfc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-actions[data-v-20da0cfc]{display:flex;gap:.5rem}.episodes-list[data-v-20da0cfc]{display:grid;gap:1rem}.episode-card[data-v-20da0cfc]{border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.episode-header[data-v-20da0cfc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.badges[data-v-20da0cfc]{display:flex;gap:.5rem;flex-wrap:wrap}.badge[data-v-20da0cfc]{background:#f1f5f9;color:#334155;padding:.2rem .6rem;border-radius:12px;font-size:.75rem}.badge.danger[data-v-20da0cfc]{background:#fee2e2;color:#991b1b}.badge.success[data-v-20da0cfc]{background:#dcfce7;color:#166534}.episode-meta[data-v-20da0cfc]{display:flex;gap:1rem;color:#64748b;font-size:.9rem;margin-bottom:.5rem}.episode-actions[data-v-20da0cfc]{display:flex;gap:.5rem;margin-bottom:.5rem}.deadlines[data-v-20da0cfc]{border-top:1px solid #e5e7eb;padding-top:.75rem;margin-top:.5rem}.deadline-item[data-v-20da0cfc]{display:flex;align-items:center;justify-content:space-between;border:1px solid #f1f5f9;border-radius:6px;padding:.5rem;margin-bottom:.5rem}.deadline-due[data-v-20da0cfc]{color:#64748b;margin-left:.5rem}.btn[data-v-20da0cfc]{padding:.5rem .75rem;border:none;border-radius:6px;cursor:pointer}.btn-sm[data-v-20da0cfc]{font-size:.8rem}.btn-outline[data-v-20da0cfc]{background:#fff;border:1px solid #e5e7eb}.btn-primary[data-v-20da0cfc]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.empty-state[data-v-20da0cfc]{text-align:center;color:#94a3b8;padding:1rem}.program-management-app[data-v-6d5a0e18]{min-height:100vh;background:#f8fafc}.navbar[data-v-6d5a0e18]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.navbar-brand h1[data-v-6d5a0e18]{margin:0;font-size:1.5rem;font-weight:600}.navbar-actions[data-v-6d5a0e18]{display:flex;align-items:center;gap:1.5rem}.role-selector select[data-v-6d5a0e18]{padding:.5rem 1rem;border:none;border-radius:6px;background:#fff;color:#333;font-weight:500}.notification-bell[data-v-6d5a0e18]{position:relative;cursor:pointer;padding:.5rem;border-radius:50%;background:#ffffff1a;transition:background .3s}.notification-bell[data-v-6d5a0e18]:hover{background:#fff3}.notification-badge[data-v-6d5a0e18]{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.user-profile[data-v-6d5a0e18]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:6px}.main-content[data-v-6d5a0e18]{padding:2rem}.dashboard-container[data-v-6d5a0e18]{max-width:1400px;margin:0 auto}.notifications-panel[data-v-6d5a0e18]{position:fixed;top:80px;right:2rem;width:350px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;z-index:1000;max-height:500px;overflow:hidden}.notifications-header[data-v-6d5a0e18]{padding:1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.notifications-header h3[data-v-6d5a0e18]{margin:0;font-size:1.1rem;font-weight:600}.mark-all-read[data-v-6d5a0e18],.close-notifications[data-v-6d5a0e18]{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;padding:.25rem .5rem}.close-notifications[data-v-6d5a0e18]{font-size:1.2rem;font-weight:700}.notifications-list[data-v-6d5a0e18]{max-height:400px;overflow-y:auto}.notification-item[data-v-6d5a0e18]{padding:1rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s;display:flex;gap:.75rem}.notification-item[data-v-6d5a0e18]:hover{background:#f8fafc}.notification-item.unread[data-v-6d5a0e18]{background:#f0f9ff;border-left:3px solid #3b82f6}.notification-icon[data-v-6d5a0e18]{color:#667eea;font-size:1.2rem;margin-top:.25rem}.notification-content h4[data-v-6d5a0e18]{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#1e293b}.notification-content p[data-v-6d5a0e18]{margin:0 0 .5rem;font-size:.85rem;color:#64748b;line-height:1.4}.notification-time[data-v-6d5a0e18]{font-size:.75rem;color:#94a3b8}.loading-overlay[data-v-6d5a0e18]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner[data-v-6d5a0e18]{background:#fff;padding:2rem;border-radius:12px;text-align:center}.loading-spinner i[data-v-6d5a0e18]{font-size:2rem;color:#667eea;margin-bottom:1rem}.loading-spinner p[data-v-6d5a0e18]{margin:0;color:#64748b;font-weight:500}.welcome-message[data-v-6d5a0e18]{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;margin:2rem;color:#fff;box-shadow:0 10px 30px #0003}.welcome-icon[data-v-6d5a0e18]{font-size:5rem;color:#fff;margin-bottom:2rem;opacity:.9}.welcome-message h2[data-v-6d5a0e18]{color:#fff;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.welcome-message p[data-v-6d5a0e18]{color:#ffffffe6;margin-bottom:1rem;line-height:1.6;font-size:1.1rem}.status-success[data-v-6d5a0e18]{color:#4ade80;font-weight:600}.welcome-actions[data-v-6d5a0e18]{margin-top:3rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.refresh-btn[data-v-6d5a0e18],.test-btn[data-v-6d5a0e18]{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:1rem 2rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.refresh-btn[data-v-6d5a0e18]:hover,.test-btn[data-v-6d5a0e18]:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.refresh-btn i[data-v-6d5a0e18],.test-btn i[data-v-6d5a0e18]{font-size:1rem}.debug-info[data-v-6d5a0e18]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;margin:2rem;font-family:Courier New,monospace}.debug-info h3[data-v-6d5a0e18]{color:#1e293b;margin-bottom:1.5rem;font-size:1.25rem}.debug-item[data-v-6d5a0e18]{margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:8px;border-left:4px solid #3b82f6}.debug-item strong[data-v-6d5a0e18]{color:#374151;display:block;margin-bottom:.5rem}.dashboard-section[data-v-6d5a0e18]{background:#fff;border-radius:12px;padding:2rem;margin:1.5rem 2rem;box-shadow:0 2px 10px #0000001a;border-left:4px solid #3b82f6}.dashboard-section h3[data-v-6d5a0e18]{color:#1e293b;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.dashboard-section p[data-v-6d5a0e18]{color:#64748b;margin-bottom:1.5rem;line-height:1.6}.mock-card[data-v-6d5a0e18]{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;padding:1.5rem;margin-top:1rem}.mock-card h4[data-v-6d5a0e18]{color:#374151;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.mock-card p[data-v-6d5a0e18]{color:#6b7280;margin-bottom:.5rem;font-family:Courier New,monospace}@media (max-width: 768px){.navbar[data-v-6d5a0e18]{padding:1rem;flex-direction:column;gap:1rem}.navbar-actions[data-v-6d5a0e18]{width:100%;justify-content:space-between}.main-content[data-v-6d5a0e18]{padding:1rem}.notifications-panel[data-v-6d5a0e18]{right:1rem;left:1rem;width:auto}}.hris-notification-banner[data-v-b253f99e]{background:linear-gradient(135deg,var(--hris-blue-50),var(--hris-blue-100));border-left:4px solid var(--hris-primary);border-radius:var(--hris-radius-lg);padding:var(--hris-spacing-4);margin-bottom:var(--hris-spacing-6);box-shadow:var(--hris-shadow-md);animation:slideDown-b253f99e var(--hris-transition-normal)}@keyframes slideDown-b253f99e{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.hris-notification-banner-content[data-v-b253f99e]{display:flex;align-items:center;gap:var(--hris-spacing-4)}.hris-notification-banner-icon[data-v-b253f99e]{width:48px;height:48px;background:var(--hris-primary);color:var(--hris-text-inverse);border-radius:var(--hris-radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--hris-font-size-xl);position:relative;flex-shrink:0}.hris-notification-badge[data-v-b253f99e]{position:absolute;top:-4px;right:-4px;background:var(--hris-error);color:var(--hris-text-inverse);border-radius:var(--hris-radius-full);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--hris-font-size-xs);font-weight:var(--hris-font-weight-bold)}.hris-notification-banner-text[data-v-b253f99e]{flex:1;min-width:0}.hris-notification-banner-title[data-v-b253f99e]{font-size:var(--hris-font-size-base);font-weight:var(--hris-font-weight-semibold);color:var(--hris-text-primary);margin:0 0 var(--hris-spacing-1) 0}.hris-notification-banner-message[data-v-b253f99e]{font-size:var(--hris-font-size-sm);color:var(--hris-text-secondary);margin:0}.hris-notification-banner-actions[data-v-b253f99e]{display:flex;gap:var(--hris-spacing-2);flex-shrink:0}@media (max-width: 768px){.hris-notification-banner-content[data-v-b253f99e]{flex-direction:column;align-items:flex-start}.hris-notification-banner-actions[data-v-b253f99e]{width:100%;justify-content:flex-end}}.hris-stat-card.clickable[data-v-43bc19bd]{cursor:pointer}.hris-stat-card.clickable[data-v-43bc19bd]:hover{transform:translateY(-4px)}.hris-stat-card.warning[data-v-43bc19bd]:before{background:var(--hris-warning)}.hris-stat-card.warning .hris-stat-icon[data-v-43bc19bd]{background:var(--hris-warning)}.hris-stat-card.error[data-v-43bc19bd]:before{background:var(--hris-error)}.hris-stat-card.error .hris-stat-icon[data-v-43bc19bd]{background:var(--hris-error)}.hris-stat-card.info[data-v-43bc19bd]:before{background:var(--hris-info)}.hris-stat-card.info .hris-stat-icon[data-v-43bc19bd]{background:var(--hris-info)}@keyframes fadeIn-58be3ac3{0%{opacity:0}to{opacity:1}}@keyframes slideUp-58be3ac3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-bf775cd6{0%{opacity:0}to{opacity:1}}@keyframes slideUp-bf775cd6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scrollbar-hide[data-v-e7b4708c]{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide[data-v-e7b4708c]::-webkit-scrollbar{display:none}.section-header[data-v-8de57aba]{margin-bottom:2rem}.section-header h2[data-v-8de57aba]{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.section-subtitle[data-v-8de57aba]{color:#64748b;font-size:.875rem}.empty-state[data-v-8de57aba]{text-align:center;padding:3rem;background:#fff;border-radius:.5rem;border:2px dashed #e5e7eb}.empty-state i[data-v-8de57aba]{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.empty-state h3[data-v-8de57aba]{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p[data-v-8de57aba]{color:#6b7280}.cards-grid[data-v-8de57aba]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.approval-card[data-v-8de57aba]{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.card-header[data-v-8de57aba]{padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.card-title[data-v-8de57aba]{display:flex;align-items:center;gap:.75rem}.card-title i[data-v-8de57aba]{color:#3b82f6}.card-title h3[data-v-8de57aba]{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.badge[data-v-8de57aba]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-info[data-v-8de57aba]{background:#dbeafe;color:#1e40af}.card-body[data-v-8de57aba]{padding:1rem}.info-row[data-v-8de57aba]{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.info-row[data-v-8de57aba]:last-child{border-bottom:none}.label[data-v-8de57aba]{font-weight:500;color:#6b7280}.value[data-v-8de57aba]{color:#1f2937}.text-muted[data-v-8de57aba]{color:#9ca3af}.file-link[data-v-8de57aba]{color:#3b82f6;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.file-link[data-v-8de57aba]:hover{text-decoration:underline}.audio-player[data-v-8de57aba]{margin-top:1rem}.audio-player audio[data-v-8de57aba]{width:100%}.card-actions[data-v-8de57aba]{padding:1rem;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.5rem}.btn-success[data-v-8de57aba],.btn-danger[data-v-8de57aba]{flex:1;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.btn-success[data-v-8de57aba]{background:#10b981;color:#fff}.btn-success[data-v-8de57aba]:hover{background:#059669}.btn-danger[data-v-8de57aba]{background:#ef4444;color:#fff}.btn-danger[data-v-8de57aba]:hover{background:#dc2626}.budget-card-professional[data-v-1d5cb774]{margin-top:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.budget-header[data-v-1d5cb774]{padding:.75rem 1rem;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.budget-header-icon[data-v-1d5cb774]{color:#9333ea}.budget-header-title[data-v-1d5cb774]{font-size:.875rem;font-weight:600;color:#1f2937;margin:0}.budget-content[data-v-1d5cb774]{padding:1rem}.budget-row[data-v-1d5cb774]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.budget-row[data-v-1d5cb774]:last-of-type{border-bottom:none}.special-budget-row[data-v-1d5cb774]{flex-direction:column;align-items:flex-start;gap:.5rem}.budget-label[data-v-1d5cb774]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.budget-amount[data-v-1d5cb774]{font-size:.875rem;font-weight:600;color:#1f2937}.budget-amount.special[data-v-1d5cb774]{color:#d97706}.budget-status-badge[data-v-1d5cb774]{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success[data-v-1d5cb774]{background:#d1fae5;color:#065f46}.badge-warning[data-v-1d5cb774]{background:#fef3c7;color:#92400e}.revision-badge[data-v-1d5cb774]{padding:.25rem .5rem;background:#dbeafe;color:#1e40af;border-radius:9999px;font-size:.75rem;font-weight:500}.budget-total-row[data-v-1d5cb774]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-top:.5rem;background:#9333ea;border-radius:.375rem}.budget-total-label[data-v-1d5cb774]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#fff}.budget-total-amount[data-v-1d5cb774]{font-size:1rem;font-weight:700;color:#fff}.budget-action[data-v-1d5cb774]{padding:.75rem 1rem;background:#f3f4f6;border-top:1px solid #e5e7eb}.btn-request-budget[data-v-1d5cb774]{width:100%;padding:.5rem 1rem;background:#9333ea;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s}.btn-request-budget[data-v-1d5cb774]:hover{background:#7e22ce}.approval-card[data-v-296607ba]{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.card-header-professional[data-v-296607ba]{padding:1rem 1.5rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:2px solid #d1d5db}.card-header-icon[data-v-296607ba]{width:2.5rem;height:2.5rem;background:#9333ea;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.card-header-title[data-v-296607ba]{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.card-header-subtitle[data-v-296607ba]{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.card-badge[data-v-296607ba]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.card-badge-neutral[data-v-296607ba]{background:#f3f4f6;color:#374151}.card-badge-warning[data-v-296607ba]{background:#fef3c7;color:#92400e}.card-body-modern[data-v-296607ba]{padding:1.5rem}.info-row-modern[data-v-296607ba]{margin-bottom:1rem}.info-item[data-v-296607ba]{display:flex;align-items:flex-start;gap:.75rem}.info-icon[data-v-296607ba]{color:#9333ea;margin-top:.25rem}.label-modern[data-v-296607ba]{display:block;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.value-modern[data-v-296607ba]{display:block;font-size:.875rem;color:#1f2937;font-weight:500}.script-section-modern[data-v-296607ba]{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.script-box-modern[data-v-296607ba]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;font-size:.875rem;color:#374151;max-height:150px;overflow-y:auto}.storyboard-badge[data-v-296607ba]{margin-top:1rem}.storyboard-link[data-v-296607ba]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#9333ea;color:#fff;border-radius:.5rem;text-decoration:none;font-size:.875rem;font-weight:500;transition:background .2s}.storyboard-link[data-v-296607ba]:hover{background:#7e22ce}.storyboard-available[data-v-296607ba]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#d1fae5;color:#065f46;border-radius:.5rem;font-size:.875rem;font-weight:500}.card-actions-modern[data-v-296607ba]{padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;flex-wrap:wrap}.btn-action[data-v-296607ba]{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-primary-action[data-v-296607ba]{background:#9333ea;color:#fff}.btn-primary-action[data-v-296607ba]:hover{background:#7e22ce}.btn-group-secondary[data-v-296607ba]{display:flex;gap:.5rem}.btn-secondary[data-v-296607ba]{background:#f3f4f6;color:#374151}.btn-secondary[data-v-296607ba]:hover{background:#e5e7eb}.btn-danger-action[data-v-296607ba]{background:#ef4444;color:#fff}.btn-danger-action[data-v-296607ba]:hover{background:#dc2626}.cards-grid[data-v-b31cd677]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.list-item-card[data-v-6c248ea1]{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.list-item-header[data-v-6c248ea1]{padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.list-item-title[data-v-6c248ea1]{display:flex;align-items:center;gap:.75rem}.list-item-title i[data-v-6c248ea1]{color:#9333ea}.list-item-title h4[data-v-6c248ea1]{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.badge[data-v-6c248ea1]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-warning[data-v-6c248ea1]{background:#fef3c7;color:#92400e}.list-item-actions[data-v-6c248ea1]{display:flex;gap:.5rem;flex-wrap:wrap}.btn-sm[data-v-6c248ea1]{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-info[data-v-6c248ea1]{background:#3b82f6;color:#fff}.btn-info[data-v-6c248ea1]:hover{background:#2563eb}.btn-primary[data-v-6c248ea1]{background:#9333ea;color:#fff}.btn-primary[data-v-6c248ea1]:hover{background:#7e22ce}.btn-success[data-v-6c248ea1]{background:#10b981;color:#fff}.btn-success[data-v-6c248ea1]:hover{background:#059669}.btn-danger[data-v-6c248ea1]{background:#ef4444;color:#fff}.btn-danger[data-v-6c248ea1]:hover{background:#dc2626}.list-item-body[data-v-6c248ea1]{padding:1rem 1.5rem}.list-item-info[data-v-6c248ea1]{display:flex;flex-direction:column;gap:.75rem}.list-item-info>span[data-v-6c248ea1]{font-size:.875rem;color:#374151}.budget-info-compact[data-v-6c248ea1]{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.budget-info-item[data-v-6c248ea1]{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.budget-info-item.special[data-v-6c248ea1]{color:#d97706}.budget-info-item.total[data-v-6c248ea1]{font-weight:600;padding-top:.5rem;border-top:1px solid #e5e7eb;margin-top:.5rem}.budget-info-label[data-v-6c248ea1]{color:#6b7280}.budget-info-value[data-v-6c248ea1]{color:#1f2937;font-weight:500}.budget-info-value.special[data-v-6c248ea1]{color:#d97706}.budget-info-value.total[data-v-6c248ea1]{color:#9333ea;font-size:1rem}.revision-indicator[data-v-6c248ea1]{color:#3b82f6;font-weight:600;margin-left:.25rem}.list-view[data-v-c1aa5f3a]{display:flex;flex-direction:column;gap:1rem}.approval-card[data-v-22313ee8]{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.approval-card[data-v-22313ee8]:hover{box-shadow:0 4px 6px #0000001a}.card-header[data-v-22313ee8]{padding:1rem 1.5rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:2px solid #d1d5db;display:flex;justify-content:space-between;align-items:center}.card-title[data-v-22313ee8]{display:flex;align-items:center;gap:.75rem}.card-title i[data-v-22313ee8]{color:#f59e0b;font-size:1.25rem}.card-title h3[data-v-22313ee8]{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.badge[data-v-22313ee8]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-warning[data-v-22313ee8]{background:#fef3c7;color:#92400e}.card-body[data-v-22313ee8]{padding:1.5rem}.info-row[data-v-22313ee8]{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.info-row[data-v-22313ee8]:last-of-type{border-bottom:none}.label[data-v-22313ee8]{font-weight:500;color:#6b7280;font-size:.875rem}.value[data-v-22313ee8]{color:#1f2937;font-size:.875rem;font-weight:500;text-align:right}.notes-section[data-v-22313ee8]{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.notes-section .label[data-v-22313ee8]{display:block;margin-bottom:.5rem}.notes-text[data-v-22313ee8]{color:#374151;font-size:.875rem;line-height:1.5;margin:0;padding:.75rem;background:#f9fafb;border-radius:.375rem}.card-actions[data-v-22313ee8]{padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.5rem}.btn-success[data-v-22313ee8],.btn-danger[data-v-22313ee8]{flex:1;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;font-size:.875rem}.btn-success[data-v-22313ee8]{background:#10b981;color:#fff}.btn-success[data-v-22313ee8]:hover{background:#059669}.btn-danger[data-v-22313ee8]{background:#ef4444;color:#fff}.btn-danger[data-v-22313ee8]:hover{background:#dc2626}.cards-grid[data-v-cd34a750]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.list-item-card[data-v-e5b5890f]{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.list-item-card[data-v-e5b5890f]:hover{box-shadow:0 4px 6px #0000001a}.list-item-header[data-v-e5b5890f]{padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.list-item-title[data-v-e5b5890f]{display:flex;align-items:center;gap:.75rem}.list-item-title i[data-v-e5b5890f]{color:#f59e0b}.list-item-title h4[data-v-e5b5890f]{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.badge[data-v-e5b5890f]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-warning[data-v-e5b5890f]{background:#fef3c7;color:#92400e}.list-item-actions[data-v-e5b5890f]{display:flex;gap:.5rem;flex-wrap:wrap}.btn-sm[data-v-e5b5890f]{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-success[data-v-e5b5890f]{background:#10b981;color:#fff}.btn-success[data-v-e5b5890f]:hover{background:#059669}.btn-danger[data-v-e5b5890f]{background:#ef4444;color:#fff}.btn-danger[data-v-e5b5890f]:hover{background:#dc2626}.list-item-body[data-v-e5b5890f]{padding:1rem 1.5rem}.list-item-info[data-v-e5b5890f]{display:flex;flex-direction:column;gap:.5rem}.list-item-info>span[data-v-e5b5890f]{font-size:.875rem;color:#374151}.list-view[data-v-4e8ee13f]{display:flex;flex-direction:column;gap:1rem}.section-header[data-v-659f0607]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.sticky-section-header[data-v-659f0607]{position:sticky;top:0;background:#fff;z-index:10;padding:1rem 0}.section-header h2[data-v-659f0607]{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.section-subtitle[data-v-659f0607]{color:#64748b;font-size:.875rem;margin:0}.header-actions[data-v-659f0607]{display:flex;align-items:center;gap:1rem}.item-count[data-v-659f0607]{padding:.5rem 1rem;background:#f3f4f6;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#374151}.loading-state[data-v-659f0607]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state i[data-v-659f0607]{font-size:2rem;color:#9333ea;margin-bottom:1rem}.loading-state p[data-v-659f0607]{color:#6b7280;font-size:.875rem}.empty-state[data-v-659f0607]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.5rem;border:2px dashed #e5e7eb}.empty-state i[data-v-659f0607]{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.empty-state h3[data-v-659f0607]{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p[data-v-659f0607]{color:#6b7280;font-size:.875rem}.view-controls[data-v-659f0607]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.view-options[data-v-659f0607]{display:flex;gap:.5rem}.view-btn[data-v-659f0607]{padding:.5rem 1rem;border:1px solid #e5e7eb;background:#fff;border-radius:.375rem;cursor:pointer;color:#6b7280;transition:all .2s}.view-btn[data-v-659f0607]:hover{background:#f9fafb;color:#374151}.view-btn.active[data-v-659f0607]{background:#9333ea;color:#fff;border-color:#9333ea}.pagination-info[data-v-659f0607]{font-size:.875rem;color:#6b7280}.approval-card[data-v-517ebe84]{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.approval-card[data-v-517ebe84]:hover{box-shadow:0 4px 6px #0000001a}.card-header[data-v-517ebe84]{padding:1rem 1.5rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:2px solid #bbf7d0;display:flex;justify-content:space-between;align-items:center}.card-title[data-v-517ebe84]{display:flex;align-items:center;gap:.75rem}.card-title i[data-v-517ebe84]{color:#10b981;font-size:1.25rem}.card-title h3[data-v-517ebe84]{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.badge[data-v-517ebe84]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-warning[data-v-517ebe84]{background:#fef3c7;color:#92400e}.card-body[data-v-517ebe84]{padding:1.5rem}.info-row[data-v-517ebe84]{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.info-row[data-v-517ebe84]:last-of-type{border-bottom:none}.label[data-v-517ebe84]{font-weight:500;color:#6b7280;font-size:.875rem}.value[data-v-517ebe84]{color:#1f2937;font-size:.875rem;font-weight:500;text-align:right}.budget-amount[data-v-517ebe84]{color:#10b981;font-weight:700;font-size:1rem}.notes-section[data-v-517ebe84]{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.notes-section .label[data-v-517ebe84]{display:block;margin-bottom:.5rem}.notes-text[data-v-517ebe84]{color:#374151;font-size:.875rem;line-height:1.5;margin:0;padding:.75rem;background:#f9fafb;border-radius:.375rem}.card-actions[data-v-517ebe84]{padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.5rem}.btn-success[data-v-517ebe84],.btn-danger[data-v-517ebe84]{flex:1;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;font-size:.875rem}.btn-success[data-v-517ebe84]{background:#10b981;color:#fff}.btn-success[data-v-517ebe84]:hover{background:#059669}.btn-danger[data-v-517ebe84]{background:#ef4444;color:#fff}.btn-danger[data-v-517ebe84]:hover{background:#dc2626}.cards-grid[data-v-1a2fcb6a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.list-item-card[data-v-f3c80b06]{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.list-item-card[data-v-f3c80b06]:hover{box-shadow:0 4px 6px #0000001a}.list-item-header[data-v-f3c80b06]{padding:1rem 1.5rem;background:#f0fdf4;border-bottom:1px solid #bbf7d0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.list-item-title[data-v-f3c80b06]{display:flex;align-items:center;gap:.75rem}.list-item-title i[data-v-f3c80b06]{color:#10b981}.list-item-title h4[data-v-f3c80b06]{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.badge[data-v-f3c80b06]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-warning[data-v-f3c80b06]{background:#fef3c7;color:#92400e}.list-item-actions[data-v-f3c80b06]{display:flex;gap:.5rem;flex-wrap:wrap}.btn-sm[data-v-f3c80b06]{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-success[data-v-f3c80b06]{background:#10b981;color:#fff}.btn-success[data-v-f3c80b06]:hover{background:#059669}.btn-danger[data-v-f3c80b06]{background:#ef4444;color:#fff}.btn-danger[data-v-f3c80b06]:hover{background:#dc2626}.list-item-body[data-v-f3c80b06]{padding:1rem 1.5rem}.list-item-info[data-v-f3c80b06]{display:flex;flex-direction:column;gap:.5rem}.list-item-info>span[data-v-f3c80b06]{font-size:.875rem;color:#374151}.list-item-info>span strong[data-v-f3c80b06]{color:#1f2937}.list-view[data-v-31274aad]{display:flex;flex-direction:column;gap:1rem}.section-header[data-v-89793da9]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.sticky-section-header[data-v-89793da9]{position:sticky;top:0;background:#fff;z-index:10;padding:1rem 0}.section-header h2[data-v-89793da9]{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.section-subtitle[data-v-89793da9]{color:#64748b;font-size:.875rem;margin:0}.header-actions[data-v-89793da9]{display:flex;align-items:center;gap:1rem}.item-count[data-v-89793da9]{padding:.5rem 1rem;background:#f3f4f6;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#374151}.loading-state[data-v-89793da9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state i[data-v-89793da9]{font-size:2rem;color:#10b981;margin-bottom:1rem}.loading-state p[data-v-89793da9]{color:#6b7280;font-size:.875rem}.empty-state[data-v-89793da9]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.5rem;border:2px dashed #e5e7eb}.empty-state i[data-v-89793da9]{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.empty-state h3[data-v-89793da9]{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p[data-v-89793da9]{color:#6b7280;font-size:.875rem}.view-controls[data-v-89793da9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.view-options[data-v-89793da9]{display:flex;gap:.5rem}.view-btn[data-v-89793da9]{padding:.5rem 1rem;border:1px solid #e5e7eb;background:#fff;border-radius:.375rem;cursor:pointer;color:#6b7280;transition:all .2s}.view-btn[data-v-89793da9]:hover{background:#f9fafb;color:#374151}.view-btn.active[data-v-89793da9]{background:#10b981;color:#fff;border-color:#10b981}.pagination-info[data-v-89793da9]{font-size:.875rem;color:#6b7280}.table-container[data-v-1ecba47f]{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.data-table[data-v-1ecba47f]{width:100%;border-collapse:collapse}.data-table thead[data-v-1ecba47f]{background:#f9fafb;border-bottom:2px solid #e5e7eb}.data-table th[data-v-1ecba47f]{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.data-table tbody tr[data-v-1ecba47f]{border-bottom:1px solid #f3f4f6;transition:background .2s}.data-table tbody tr[data-v-1ecba47f]:hover{background:#f9fafb}.data-table tbody tr[data-v-1ecba47f]:last-child{border-bottom:none}.data-table td[data-v-1ecba47f]{padding:1rem;font-size:.875rem;color:#374151}.progress-bar-small[data-v-1ecba47f]{width:100%;height:8px;background:#e5e7eb;border-radius:9999px;overflow:hidden;margin-bottom:.25rem}.progress-fill[data-v-1ecba47f]{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.progress-text[data-v-1ecba47f]{font-size:.75rem;font-weight:600;color:#374151}.btn-sm[data-v-1ecba47f]{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;background:#f3f4f6;color:#374151}.btn-sm[data-v-1ecba47f]:hover{background:#e5e7eb}.btn-secondary[data-v-1ecba47f]{background:#6b7280;color:#fff}.btn-secondary[data-v-1ecba47f]:hover{background:#4b5563}.section-header[data-v-27287a0e]{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.section-header h2[data-v-27287a0e]{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.section-subtitle[data-v-27287a0e]{color:#64748b;font-size:.875rem;margin:0}.loading-state[data-v-27287a0e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state i[data-v-27287a0e]{font-size:2rem;color:#9333ea;margin-bottom:1rem}.loading-state p[data-v-27287a0e]{color:#6b7280;font-size:.875rem}.empty-state[data-v-27287a0e]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.5rem;border:2px dashed #e5e7eb}.empty-state i[data-v-27287a0e]{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.empty-state h3[data-v-27287a0e]{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p[data-v-27287a0e]{color:#6b7280;font-size:.875rem}.filter-controls[data-v-a6b8919c]{margin-bottom:1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group[data-v-a6b8919c]{display:flex;align-items:center;gap:.5rem}.filter-group label[data-v-a6b8919c]{font-size:.875rem;color:#374151}.form-control[data-v-a6b8919c]{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;min-width:150px}.btn-secondary[data-v-a6b8919c]{padding:.5rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary[data-v-a6b8919c]:hover:not(:disabled){background:#4b5563}.btn-secondary[data-v-a6b8919c]:disabled{opacity:.5;cursor:not-allowed}.skeleton-loader-container[data-v-a6b8919c]{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;padding:1rem}.skeleton-row[data-v-a6b8919c]{display:flex;gap:1rem;margin-bottom:1rem}.skeleton-cell[data-v-a6b8919c]{height:20px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:loading-a6b8919c 1.5s ease-in-out infinite;border-radius:.25rem}@keyframes loading-a6b8919c{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-indicator-inline[data-v-a6b8919c]{position:fixed;top:1rem;right:1rem;padding:.5rem 1rem;background:#9333ea;color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;z-index:1000}.empty-state[data-v-a6b8919c]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.5rem;border:2px dashed #e5e7eb}.empty-state i[data-v-a6b8919c]{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.empty-state h3[data-v-a6b8919c]{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p[data-v-a6b8919c]{color:#6b7280;font-size:.875rem}.table-container[data-v-a6b8919c]{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.data-table[data-v-a6b8919c]{width:100%;border-collapse:collapse}.data-table thead[data-v-a6b8919c]{background:#f9fafb;border-bottom:2px solid #e5e7eb}.data-table th[data-v-a6b8919c]{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.data-table tbody tr[data-v-a6b8919c]{border-bottom:1px solid #f3f4f6;transition:background .2s}.data-table tbody tr[data-v-a6b8919c]:hover{background:#f9fafb}.data-table td[data-v-a6b8919c]{padding:1rem;font-size:.875rem;color:#374151}.badge[data-v-a6b8919c]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-draft[data-v-a6b8919c]{background:#f3f4f6;color:#374151}.badge-active[data-v-a6b8919c]{background:#d1fae5;color:#065f46}.badge-cancelled[data-v-a6b8919c]{background:#fee2e2;color:#991b1b}.btn-sm[data-v-a6b8919c]{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary[data-v-a6b8919c]{background:#6b7280;color:#fff}.btn-secondary[data-v-a6b8919c]:hover{background:#4b5563}.btn-primary[data-v-a6b8919c]{background:#9333ea;color:#fff}.btn-primary[data-v-a6b8919c]:hover{background:#7e22ce}.pagination[data-v-a6b8919c]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-top:1px solid #e5e7eb}.pagination-btn[data-v-a6b8919c]{padding:.5rem 1rem;border:1px solid #e5e7eb;background:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn[data-v-a6b8919c]:hover:not(:disabled){background:#f9fafb;border-color:#9333ea;color:#9333ea}.pagination-btn[data-v-a6b8919c]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-a6b8919c]{font-size:.875rem;color:#6b7280}.filter-controls[data-v-0c4473f8]{margin-bottom:1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group[data-v-0c4473f8]{display:flex;align-items:center;gap:.5rem}.filter-group label[data-v-0c4473f8]{font-size:.875rem;color:#374151}.search-input[data-v-0c4473f8]{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;min-width:200px}.form-control[data-v-0c4473f8]{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;min-width:150px}.btn-secondary[data-v-0c4473f8]{padding:.5rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary[data-v-0c4473f8]:hover:not(:disabled){background:#4b5563}.btn-secondary[data-v-0c4473f8]:disabled{opacity:.5;cursor:not-allowed}.loading-state[data-v-0c4473f8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state i[data-v-0c4473f8]{font-size:2rem;color:#9333ea;margin-bottom:1rem}.loading-state p[data-v-0c4473f8]{color:#6b7280;font-size:.875rem}.empty-state[data-v-0c4473f8]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.5rem;border:2px dashed #e5e7eb}.empty-state i[data-v-0c4473f8]{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.empty-state h3[data-v-0c4473f8]{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p[data-v-0c4473f8]{color:#6b7280;font-size:.875rem}.table-container[data-v-0c4473f8]{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.data-table[data-v-0c4473f8]{width:100%;border-collapse:collapse}.data-table thead[data-v-0c4473f8]{background:#f9fafb;border-bottom:2px solid #e5e7eb}.data-table th[data-v-0c4473f8]{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.data-table tbody tr[data-v-0c4473f8]{border-bottom:1px solid #f3f4f6;transition:background .2s}.data-table tbody tr[data-v-0c4473f8]:hover{background:#f9fafb}.data-table td[data-v-0c4473f8]{padding:1rem;font-size:.875rem;color:#374151}.badge[data-v-0c4473f8]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-planning[data-v-0c4473f8]{background:#fef3c7;color:#92400e}.badge-in_production[data-v-0c4473f8]{background:#dbeafe;color:#1e40af}.badge-completed[data-v-0c4473f8]{background:#d1fae5;color:#065f46}.badge-aired[data-v-0c4473f8]{background:#e0e7ff;color:#3730a3}.btn-sm[data-v-0c4473f8]{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;background:#6b7280;color:#fff}.btn-sm[data-v-0c4473f8]:hover{background:#4b5563}.section-header[data-v-371ade0c]{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start}.section-header h2[data-v-371ade0c]{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.section-subtitle[data-v-371ade0c]{color:#64748b;font-size:.875rem;margin:0}.sub-tabs[data-v-371ade0c]{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb}.tab-button-small[data-v-371ade0c]{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s;display:flex;align-items:center;gap:.5rem}.tab-button-small[data-v-371ade0c]:hover{color:#374151;background:#f9fafb}.tab-button-small.active[data-v-371ade0c]{color:#9333ea;border-bottom-color:#9333ea;font-weight:600}.stats-grid[data-v-c9319818]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-c9319818]{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card[data-v-c9319818]:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.stat-card.success[data-v-c9319818]{border-left:4px solid #22c55e}.stat-card.warning[data-v-c9319818]{border-left:4px solid #f59e0b}.stat-card.info[data-v-c9319818]{border-left:4px solid #3b82f6}.stat-content[data-v-c9319818]{display:flex;flex-direction:column}.stat-label[data-v-c9319818]{font-size:.875rem;color:#6b7280;margin:0 0 .5rem;font-weight:500}.stat-number[data-v-c9319818]{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.episode-card[data-v-64ed45e0]{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.episode-card[data-v-64ed45e0]:hover{box-shadow:0 4px 6px #0000001a}.episode-card.ready[data-v-64ed45e0]{border-left:4px solid #22c55e}.episode-card.not-ready[data-v-64ed45e0]{border-left:4px solid #f59e0b}.episode-card.aired[data-v-64ed45e0]{border-left:4px solid #6b7280}.card-header[data-v-64ed45e0]{padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start}.card-title h3[data-v-64ed45e0]{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.program-name[data-v-64ed45e0]{font-size:.875rem;color:#6b7280;margin:0}.badge[data-v-64ed45e0]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success[data-v-64ed45e0]{background:#d1fae5;color:#065f46}.badge-warning[data-v-64ed45e0]{background:#fef3c7;color:#92400e}.badge-secondary[data-v-64ed45e0]{background:#f3f4f6;color:#374151}.card-body[data-v-64ed45e0]{padding:1.5rem}.info-row[data-v-64ed45e0]{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.info-row[data-v-64ed45e0]:last-of-type{border-bottom:none}.label[data-v-64ed45e0]{font-weight:500;color:#6b7280;font-size:.875rem}.value[data-v-64ed45e0]{color:#1f2937;font-size:.875rem;font-weight:500}.text-danger[data-v-64ed45e0]{color:#ef4444;font-weight:600}.readiness-checklist[data-v-64ed45e0]{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.checklist-title[data-v-64ed45e0]{font-weight:600;margin-bottom:.5rem;font-size:.875rem;color:#374151}.checklist-items[data-v-64ed45e0]{display:flex;flex-direction:column;gap:.25rem}.checklist-item[data-v-64ed45e0]{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.text-success[data-v-64ed45e0]{color:#22c55e}.text-danger[data-v-64ed45e0]{color:#ef4444}.missing-items[data-v-64ed45e0]{margin-top:1rem;padding:1rem;background:#fef2f2;border-radius:8px;border-left:4px solid #ef4444}.missing-title[data-v-64ed45e0]{font-weight:600;margin-bottom:.5rem;color:#991b1b}.missing-items ul[data-v-64ed45e0]{margin:0;padding-left:1.5rem}.missing-items li[data-v-64ed45e0]{margin-bottom:.25rem;color:#991b1b}.warnings[data-v-64ed45e0]{margin-top:1rem;padding:1rem;background:#fffbeb;border-radius:8px;border-left:4px solid #f59e0b}.warning-title[data-v-64ed45e0]{font-weight:600;margin-bottom:.5rem;color:#92400e}.warnings ul[data-v-64ed45e0]{margin:0;padding-left:1.5rem}.warnings li[data-v-64ed45e0]{margin-bottom:.25rem;color:#92400e}.episodes-section[data-v-8fa798ba]{margin-bottom:2rem}.section-title[data-v-8fa798ba]{margin-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.section-title.success[data-v-8fa798ba]{color:#22c55e}.cards-grid[data-v-8fa798ba]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.episodes-section[data-v-7d6f6763]{margin-bottom:2rem}.section-title[data-v-7d6f6763]{margin-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.section-title.warning[data-v-7d6f6763]{color:#f59e0b}.cards-grid[data-v-7d6f6763]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.episodes-section[data-v-16b0d0ee]{margin-bottom:2rem}.section-title[data-v-16b0d0ee]{margin-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.section-title.secondary[data-v-16b0d0ee]{color:#6b7280}.cards-grid[data-v-16b0d0ee]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.week-info-card[data-v-e7f11595]{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.week-info-content[data-v-e7f11595]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.week-info-content h3[data-v-e7f11595]{margin:0 0 .5rem;font-size:1.25rem}.week-info-content p[data-v-e7f11595]{margin:0;opacity:.9}.week-info-right[data-v-e7f11595]{text-align:right}.empty-state[data-v-e7f11595]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.5rem;border:2px dashed #e5e7eb}.empty-state i[data-v-e7f11595]{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.empty-state h3[data-v-e7f11595]{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p[data-v-e7f11595]{color:#6b7280;font-size:.875rem}.section-header[data-v-ceb42714]{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start}.section-header h2[data-v-ceb42714]{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.section-subtitle[data-v-ceb42714]{color:#64748b;font-size:.875rem;margin:0}.btn-secondary[data-v-ceb42714]{padding:.5rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary[data-v-ceb42714]:hover:not(:disabled){background:#4b5563}.btn-secondary[data-v-ceb42714]:disabled{opacity:.5;cursor:not-allowed}.loading-state[data-v-ceb42714]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state i[data-v-ceb42714]{font-size:2rem;color:#9333ea;margin-bottom:1rem}.loading-state p[data-v-ceb42714]{color:#6b7280;font-size:.875rem}.empty-state[data-v-ceb42714]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.5rem;border:2px dashed #e5e7eb}.empty-state i[data-v-ceb42714]{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.empty-state h3[data-v-ceb42714]{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p[data-v-ceb42714]{color:#6b7280;font-size:.875rem}.stat-card[data-v-a9443b71]{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card[data-v-a9443b71]:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.stat-card.urgent[data-v-a9443b71]{border-left:4px solid #ef4444}.stat-card.warning[data-v-a9443b71]{border-left:4px solid #f59e0b}.stat-card.info[data-v-a9443b71]{border-left:4px solid #3b82f6}.stat-card.success[data-v-a9443b71]{border-left:4px solid #22c55e}.stat-content[data-v-a9443b71]{display:flex;flex-direction:column}.stat-label[data-v-a9443b71]{font-size:.875rem;color:#6b7280;margin:0 0 .5rem;font-weight:500}.stat-number[data-v-a9443b71]{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.stats-grid[data-v-a1f3abcc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.overview-section[data-v-5a0c9745]{margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb}.overview-section h3[data-v-5a0c9745]{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.stats-grid[data-v-5a0c9745]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.section-header[data-v-69533d89]{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start}.section-header h2[data-v-69533d89]{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.section-subtitle[data-v-69533d89]{color:#64748b;font-size:.875rem;margin:0}.btn-secondary[data-v-69533d89]{padding:.5rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary[data-v-69533d89]:hover{background:#4b5563}.loading-state[data-v-69533d89]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state i[data-v-69533d89]{font-size:2rem;color:#9333ea;margin-bottom:1rem}.loading-state p[data-v-69533d89]{color:#6b7280;font-size:.875rem}.empty-state[data-v-69533d89]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.5rem;border:2px dashed #e5e7eb}.empty-state i[data-v-69533d89]{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.empty-state h3[data-v-69533d89]{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p[data-v-69533d89]{color:#6b7280;font-size:.875rem}.schedule-card[data-v-dc92565a]{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.schedule-card[data-v-dc92565a]:hover{box-shadow:0 4px 6px #0000001a}.card-header[data-v-dc92565a]{padding:1rem 1.5rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:2px solid #d1d5db;display:flex;justify-content:space-between;align-items:center}.card-title[data-v-dc92565a]{display:flex;align-items:center;gap:.75rem}.card-title i[data-v-dc92565a]{color:#3b82f6;font-size:1.25rem}.card-title h3[data-v-dc92565a]{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.badge[data-v-dc92565a]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-scheduled[data-v-dc92565a]{background:#dbeafe;color:#1e40af}.badge-confirmed[data-v-dc92565a]{background:#d1fae5;color:#065f46}.badge-cancelled[data-v-dc92565a]{background:#fee2e2;color:#991b1b}.card-body[data-v-dc92565a]{padding:1.5rem}.info-row[data-v-dc92565a]{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.info-row[data-v-dc92565a]:last-of-type{border-bottom:none}.label[data-v-dc92565a]{font-weight:500;color:#6b7280;font-size:.875rem}.value[data-v-dc92565a]{color:#1f2937;font-size:.875rem;font-weight:500;text-align:right}.card-actions[data-v-dc92565a]{padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.5rem}.btn-sm[data-v-dc92565a]{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-danger[data-v-dc92565a]{background:#ef4444;color:#fff}.btn-danger[data-v-dc92565a]:hover{background:#dc2626}.btn-warning[data-v-dc92565a]{background:#f59e0b;color:#fff}.btn-warning[data-v-dc92565a]:hover{background:#d97706}.cards-grid[data-v-6eb3f090]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.section-header[data-v-70045a0f]{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.section-header h2[data-v-70045a0f]{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.section-subtitle[data-v-70045a0f]{color:#64748b;font-size:.875rem;margin:0}.loading-state[data-v-70045a0f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state i[data-v-70045a0f]{font-size:2rem;color:#9333ea;margin-bottom:1rem}.loading-state p[data-v-70045a0f]{color:#6b7280;font-size:.875rem}.empty-state[data-v-70045a0f]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.5rem;border:2px dashed #e5e7eb}.empty-state i[data-v-70045a0f]{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.empty-state h3[data-v-70045a0f]{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p[data-v-70045a0f]{color:#6b7280;font-size:.875rem}.hris-stats-grid[data-v-e947af82]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--hris-spacing-4);margin-bottom:var(--hris-spacing-6)}.hris-badge-secondary[data-v-dbeb3e58]{background:var(--hris-gray-100);color:var(--hris-gray-700)}.hris-badge-info[data-v-dbeb3e58]{background:var(--hris-info-bg);color:var(--hris-info-text)}.hris-card[data-v-671d0d75]{border:1px solid var(--hris-border);border-radius:var(--hris-radius-lg);background:var(--hris-bg-primary);overflow:hidden}.hris-card-header[data-v-671d0d75]{display:flex;align-items:center;justify-content:space-between;padding:var(--hris-spacing-4);border-bottom:1px solid var(--hris-border);background:var(--hris-bg-secondary)}.hris-card-body[data-v-671d0d75]{padding:var(--hris-spacing-4)}.hris-card-footer[data-v-671d0d75]{display:flex;flex-wrap:wrap;gap:var(--hris-spacing-2);padding:var(--hris-spacing-4);border-top:1px solid var(--hris-border);background:var(--hris-bg-secondary)}.hris-card[data-v-706f3306]{border:1px solid var(--hris-border);border-radius:var(--hris-radius-lg);background:var(--hris-bg-primary)}.hris-card-header[data-v-706f3306]{display:flex;align-items:center;justify-content:space-between;padding:var(--hris-spacing-4);border-bottom:1px solid var(--hris-border)}.hris-card-title[data-v-706f3306]{font-size:var(--hris-font-size-lg);font-weight:var(--hris-font-weight-semibold);color:var(--hris-text-primary);margin:0;display:flex;align-items:center;gap:var(--hris-spacing-2)}.hris-loading[data-v-706f3306]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--hris-spacing-8);color:var(--hris-text-muted)}.hris-empty[data-v-706f3306]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--hris-spacing-8);text-align:center}.hris-empty-icon[data-v-706f3306]{font-size:3rem;color:var(--hris-text-muted);margin-bottom:var(--hris-spacing-4)}@media (max-width: 1024px){.hris-card-body>div[data-v-706f3306]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 768px){.hris-card-body>div[data-v-706f3306]{grid-template-columns:1fr}}@keyframes fadeIn-cc9d5610{0%{opacity:0}to{opacity:1}}@keyframes slideUp-cc9d5610{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-650d0eb8{0%{opacity:0}to{opacity:1}}@keyframes slideUp-650d0eb8{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-9dfb431c{0%{opacity:0}to{opacity:1}}@keyframes slideUp-9dfb431c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hris-container[data-v-9f8cc402]{padding:var(--hris-spacing-6)}.hris-header-content[data-v-9f8cc402]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--hris-spacing-4)}.hris-logo-icon[data-v-9f8cc402]{width:48px;height:48px;border-radius:var(--hris-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--hris-font-size-xl)}.hris-logo-title[data-v-9f8cc402]{font-size:var(--hris-font-size-2xl);font-weight:var(--hris-font-weight-bold);color:var(--hris-text-primary)}.hris-logo-subtitle[data-v-9f8cc402]{font-size:var(--hris-font-size-sm);color:var(--hris-text-muted)}@media (max-width: 768px){.hris-header-content[data-v-9f8cc402]{flex-direction:column;align-items:flex-start}}.tabs-nav[data-v-485141c4]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0}.tab-button[data-v-485141c4]{padding:var(--spacing-lg) var(--spacing-xl);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal)}.tab-button[data-v-485141c4]:hover{color:var(--music-production);background:var(--bg-tertiary)}.tab-button.active[data-v-485141c4]{color:var(--music-production);border-bottom-color:var(--music-production)}.badge-count[data-v-485141c4]{background:var(--status-error);color:var(--text-inverse);border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.status-badge[data-v-0023021e]{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.status-scheduled[data-v-0023021e],.status-badge.status-info[data-v-0023021e]{background:#dbeafe;color:#1e40af}.status-badge.status-in_progress[data-v-0023021e]{background:#fef3c7;color:#92400e}.status-badge.status-completed[data-v-0023021e]{background:#d1fae5;color:#065f46}.status-badge.status-pending[data-v-0023021e]{background:#f3f4f6;color:#374151}.status-badge.status-draft[data-v-0023021e]{background:#e5e7eb;color:#6b7280}.status-badge.status-approved[data-v-0023021e]{background:#d1fae5;color:#065f46}.status-badge.status-rejected[data-v-0023021e]{background:#fee2e2;color:#991b1b}.tab-pane[data-v-741916eb]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.section-header[data-v-741916eb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.section-header h2[data-v-741916eb]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.loading-state[data-v-741916eb]{text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl);color:var(--text-secondary)}.loading-state i[data-v-741916eb]{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--music-production)}.empty-state[data-v-741916eb]{text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl);color:var(--text-secondary)}.empty-state i[data-v-741916eb]{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--text-muted)}.cards-grid[data-v-741916eb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.work-card[data-v-741916eb]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.work-card[data-v-741916eb]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header[data-v-741916eb]{background:var(--music-production-gradient);padding:var(--spacing-xl);color:var(--text-inverse);display:flex;justify-content:space-between;align-items:flex-start}.card-header h3[data-v-741916eb]{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.subtitle[data-v-741916eb]{margin:0;opacity:.9;font-size:var(--font-size-sm)}.card-body[data-v-741916eb]{padding:var(--spacing-xl)}.info-row[data-v-741916eb]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.info-row i[data-v-741916eb]{width:16px;color:var(--music-production)}.card-actions[data-v-741916eb]{padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-sm[data-v-741916eb]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-success[data-v-741916eb]{background:#10b981;color:#fff}.btn-primary[data-v-741916eb]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-741916eb]{background:#64748b;color:#fff}.btn-warning[data-v-741916eb]{background:#f59e0b;color:#fff}.btn-info[data-v-741916eb]{background:#3b82f6;color:#fff}.btn-upload[data-v-741916eb]{background:#06b6d4;color:#fff}.tab-pane[data-v-79b7acee]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.section-header[data-v-79b7acee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.section-header h2[data-v-79b7acee]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.loading-state[data-v-79b7acee]{text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl);color:var(--text-secondary)}.cards-grid[data-v-79b7acee]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.shoot-card[data-v-79b7acee]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.shoot-card[data-v-79b7acee]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header[data-v-79b7acee]{background:var(--music-production-gradient);padding:var(--spacing-xl);color:var(--text-inverse);display:flex;justify-content:space-between;align-items:flex-start}.card-body[data-v-79b7acee]{padding:var(--spacing-xl)}.info-row[data-v-79b7acee]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.card-actions[data-v-79b7acee]{padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-primary[data-v-79b7acee],.btn-sm[data-v-79b7acee],.btn-success[data-v-79b7acee],.btn-secondary[data-v-79b7acee]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary[data-v-79b7acee]{background:#8b5cf6;color:#fff}.btn-success[data-v-79b7acee]{background:#10b981;color:#fff}.btn-secondary[data-v-79b7acee]{background:#64748b;color:#fff}.tab-pane[data-v-aa9e471e]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.section-header[data-v-aa9e471e]{margin-bottom:var(--spacing-2xl)}.section-header h2[data-v-aa9e471e]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.loading-state[data-v-aa9e471e]{text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl);color:var(--text-secondary)}.cards-grid[data-v-aa9e471e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.vocal-card[data-v-aa9e471e]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.card-header[data-v-aa9e471e]{background:var(--music-production-gradient);padding:var(--spacing-xl);color:var(--text-inverse);display:flex;justify-content:space-between}.card-body[data-v-aa9e471e]{padding:var(--spacing-xl)}.info-row[data-v-aa9e471e]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.card-actions[data-v-aa9e471e]{padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm)}.btn-sm[data-v-aa9e471e]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-success[data-v-aa9e471e]{background:#10b981;color:#fff}.btn-primary[data-v-aa9e471e]{background:#8b5cf6;color:#fff}.tab-pane[data-v-6541b6e5]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.section-header[data-v-6541b6e5]{margin-bottom:var(--spacing-2xl)}.section-header h2[data-v-6541b6e5]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.loading-state[data-v-6541b6e5]{text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl);color:var(--text-secondary)}.table-container[data-v-6541b6e5]{overflow-x:auto}.data-table[data-v-6541b6e5]{width:100%;border-collapse:collapse}.data-table thead[data-v-6541b6e5]{background:#f8fafc}.data-table th[data-v-6541b6e5]{padding:1rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.data-table td[data-v-6541b6e5]{padding:1rem;border-bottom:1px solid #e2e8f0}.file-badge[data-v-6541b6e5]{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#f8fafc;border-radius:6px;font-size:.875rem;color:#64748b}.text-muted[data-v-6541b6e5]{color:#94a3b8;font-size:.875rem}.progress-bar[data-v-6541b6e5]{width:100px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:.25rem}.progress-fill[data-v-6541b6e5]{height:100%;background:linear-gradient(90deg,#8b5cf6,#7c3aed);transition:width .3s ease}.progress-text[data-v-6541b6e5]{font-size:.75rem;color:#64748b}.btn-xs[data-v-6541b6e5]{padding:.375rem .75rem;font-size:.75rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-6541b6e5]{background:#8b5cf6;color:#fff}.btn-success[data-v-6541b6e5]{background:#10b981;color:#fff}.tab-pane[data-v-a3a17b71]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.section-header[data-v-a3a17b71]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.section-header h2[data-v-a3a17b71]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.loading-state[data-v-a3a17b71],.empty-state[data-v-a3a17b71]{text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl);color:var(--text-secondary)}.table-container[data-v-a3a17b71]{overflow-x:auto}.data-table[data-v-a3a17b71]{width:100%;border-collapse:collapse}.data-table thead[data-v-a3a17b71]{background:#f8fafc}.data-table th[data-v-a3a17b71]{padding:1rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.data-table td[data-v-a3a17b71]{padding:1rem;border-bottom:1px solid #e2e8f0}.equipment-item-tag[data-v-a3a17b71]{display:inline-block;padding:.25rem .5rem;background:#f1f5f9;border-radius:4px;margin:.25rem .25rem .25rem 0;font-size:.875rem}.badge[data-v-a3a17b71]{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.btn-primary[data-v-a3a17b71]{padding:.75rem 1.25rem;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.modal-overlay[data-v-9bd4b6bc]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-9bd4b6bc]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-9bd4b6bc]{max-width:800px}.modal-header[data-v-9bd4b6bc]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-9bd4b6bc]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-9bd4b6bc]{padding:1.5rem}.form-row[data-v-9bd4b6bc]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-9bd4b6bc]{margin-bottom:1.5rem}.form-group label[data-v-9bd4b6bc]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-9bd4b6bc]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.equipment-items-list[data-v-9bd4b6bc]{display:flex;flex-direction:column;gap:1rem}.equipment-item-row[data-v-9bd4b6bc]{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.75rem;align-items:center}.quantity-input[data-v-9bd4b6bc]{width:80px}.modal-actions[data-v-9bd4b6bc]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-9bd4b6bc],.btn-secondary[data-v-9bd4b6bc],.btn-danger[data-v-9bd4b6bc],.btn-sm[data-v-9bd4b6bc],.btn-xs[data-v-9bd4b6bc]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-9bd4b6bc]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-9bd4b6bc]{background:#64748b;color:#fff}.btn-danger[data-v-9bd4b6bc]{background:#ef4444;color:#fff}.btn-sm[data-v-9bd4b6bc]{padding:.5rem 1rem;font-size:.875rem}.btn-xs[data-v-9bd4b6bc]{padding:.375rem .75rem;font-size:.75rem}.modal-overlay[data-v-bc8f5483]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-bc8f5483]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-bc8f5483]{max-width:800px}.modal-header[data-v-bc8f5483]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-bc8f5483]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-bc8f5483]{padding:1.5rem}.form-group[data-v-bc8f5483]{margin-bottom:1.5rem}.form-group label[data-v-bc8f5483]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-bc8f5483]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.form-text[data-v-bc8f5483]{font-size:.875rem;color:#64748b;margin-top:.5rem;display:block}.file-list[data-v-bc8f5483]{margin-top:1rem}.file-item[data-v-bc8f5483]{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f8fafc;border-radius:6px;margin-bottom:.5rem}.modal-actions[data-v-bc8f5483]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-bc8f5483],.btn-secondary[data-v-bc8f5483]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-bc8f5483]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-bc8f5483]{background:#64748b;color:#fff}.modal-overlay[data-v-96d18a2c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-96d18a2c]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-96d18a2c]{max-width:800px}.modal-header[data-v-96d18a2c]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-96d18a2c]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-96d18a2c]{padding:1.5rem}.form-group[data-v-96d18a2c]{margin-bottom:1.5rem}.form-group label[data-v-96d18a2c]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-96d18a2c]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.form-text[data-v-96d18a2c]{font-size:.875rem;color:#64748b;margin-top:.5rem;display:block}.equipment-items-list[data-v-96d18a2c]{display:flex;flex-direction:column;gap:1rem}.file-link-item[data-v-96d18a2c]{margin-bottom:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:8px}.equipment-item-row[data-v-96d18a2c]{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.75rem;align-items:center;margin-bottom:.5rem}.modal-actions[data-v-96d18a2c]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-96d18a2c],.btn-secondary[data-v-96d18a2c],.btn-danger[data-v-96d18a2c],.btn-sm[data-v-96d18a2c],.btn-xs[data-v-96d18a2c]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-96d18a2c]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-96d18a2c]{background:#64748b;color:#fff}.btn-danger[data-v-96d18a2c]{background:#ef4444;color:#fff}.btn-sm[data-v-96d18a2c]{padding:.5rem 1rem;font-size:.875rem}.btn-xs[data-v-96d18a2c]{padding:.375rem .75rem;font-size:.75rem}.modal-overlay[data-v-f413a4ed]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-f413a4ed]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-f413a4ed]{max-width:800px}.modal-header[data-v-f413a4ed]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-f413a4ed]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-f413a4ed]{padding:1.5rem}.info-box[data-v-f413a4ed]{margin-bottom:1.5rem;padding:1rem;background:#f3f4f6;border-radius:8px}.form-group[data-v-f413a4ed]{margin-bottom:1.5rem}.form-group label[data-v-f413a4ed]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-f413a4ed]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.modal-actions[data-v-f413a4ed]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-success[data-v-f413a4ed],.btn-secondary[data-v-f413a4ed]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-success[data-v-f413a4ed]{background:#10b981;color:#fff}.btn-secondary[data-v-f413a4ed]{background:#64748b;color:#fff}.modal-overlay[data-v-48749589]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-48749589]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-48749589]{max-width:800px}.modal-header[data-v-48749589]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-48749589]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-48749589]{padding:1.5rem}.form-group[data-v-48749589]{margin-bottom:1.5rem}.form-group label[data-v-48749589]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-48749589]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.equipment-items-list[data-v-48749589]{display:flex;flex-direction:column;gap:1rem}.equipment-item-row[data-v-48749589]{display:grid;grid-template-columns:2fr 80px 2fr auto;gap:.75rem;align-items:center}.quantity-input[data-v-48749589]{width:80px}.modal-actions[data-v-48749589]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-48749589],.btn-secondary[data-v-48749589],.btn-danger[data-v-48749589],.btn-sm[data-v-48749589],.btn-xs[data-v-48749589]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-48749589]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-48749589]{background:#64748b;color:#fff}.btn-danger[data-v-48749589]{background:#ef4444;color:#fff}.btn-sm[data-v-48749589]{padding:.5rem 1rem;font-size:.875rem}.btn-xs[data-v-48749589]{padding:.375rem .75rem;font-size:.75rem}.modal-overlay[data-v-4a3b8ce9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-4a3b8ce9]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-4a3b8ce9]{max-width:800px}.modal-header[data-v-4a3b8ce9]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-4a3b8ce9]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-4a3b8ce9]{padding:1.5rem}.form-group[data-v-4a3b8ce9]{margin-bottom:1.5rem}.form-group label[data-v-4a3b8ce9]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-4a3b8ce9]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.equipment-items-list[data-v-4a3b8ce9]{display:flex;flex-direction:column;gap:1rem}.equipment-item-row[data-v-4a3b8ce9]{display:grid;grid-template-columns:2fr 80px 2fr auto;gap:.75rem;align-items:center}.quantity-input[data-v-4a3b8ce9]{width:80px}.modal-actions[data-v-4a3b8ce9]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-4a3b8ce9],.btn-secondary[data-v-4a3b8ce9],.btn-danger[data-v-4a3b8ce9],.btn-sm[data-v-4a3b8ce9],.btn-xs[data-v-4a3b8ce9]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-4a3b8ce9]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-4a3b8ce9]{background:#64748b;color:#fff}.btn-danger[data-v-4a3b8ce9]{background:#ef4444;color:#fff}.btn-sm[data-v-4a3b8ce9]{padding:.5rem 1rem;font-size:.875rem}.btn-xs[data-v-4a3b8ce9]{padding:.375rem .75rem;font-size:.75rem}.modal-overlay[data-v-511840a0]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-511840a0]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-511840a0]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-511840a0]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-511840a0]{padding:1.5rem}.form-group[data-v-511840a0]{margin-bottom:1.5rem}.form-group label[data-v-511840a0]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-511840a0]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.help-text[data-v-511840a0]{font-size:.875rem;color:#64748b;margin-top:.5rem}.modal-actions[data-v-511840a0]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-511840a0],.btn-secondary[data-v-511840a0]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-511840a0]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-511840a0]{background:#64748b;color:#fff}.modal-overlay[data-v-b7622d6d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-b7622d6d]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-b7622d6d]{max-width:800px}.modal-header[data-v-b7622d6d]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-b7622d6d]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-b7622d6d]{padding:1.5rem}.form-row[data-v-b7622d6d]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-b7622d6d]{margin-bottom:1.5rem}.form-group label[data-v-b7622d6d]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-b7622d6d]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.help-text[data-v-b7622d6d]{font-size:.875rem;color:#64748b;margin-top:.5rem}.modal-actions[data-v-b7622d6d]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-b7622d6d],.btn-secondary[data-v-b7622d6d]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-b7622d6d]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-b7622d6d]{background:#64748b;color:#fff}.modal-overlay[data-v-a820f412]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-a820f412]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-a820f412]{max-width:800px}.modal-header[data-v-a820f412]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-a820f412]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-a820f412]{padding:1.5rem}.detail-section[data-v-a820f412]{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.detail-section[data-v-a820f412]:last-child{border-bottom:none}.detail-section h4[data-v-a820f412]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.detail-grid[data-v-a820f412]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.detail-item[data-v-a820f412]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item label[data-v-a820f412]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-item span[data-v-a820f412]{font-size:var(--font-size-base);color:var(--text-primary)}.modal-actions[data-v-a820f412]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-success[data-v-a820f412],.btn-primary[data-v-a820f412],.btn-secondary[data-v-a820f412]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-success[data-v-a820f412]{background:#10b981;color:#fff}.btn-primary[data-v-a820f412]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-a820f412]{background:#64748b;color:#fff}.modal-overlay[data-v-31bb4956]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-31bb4956]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-31bb4956]{max-width:800px}.modal-header[data-v-31bb4956]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-31bb4956]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-31bb4956]{padding:1.5rem}.form-row[data-v-31bb4956]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-31bb4956]{margin-bottom:1.5rem}.form-group label[data-v-31bb4956]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-31bb4956]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.modal-actions[data-v-31bb4956]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-31bb4956],.btn-secondary[data-v-31bb4956]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-31bb4956]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-31bb4956]{background:#64748b;color:#fff}.hris-container[data-v-0753ed8f]{padding:var(--spacing-xl);max-width:1800px;margin:0 auto;background:var(--bg-primary);min-height:100vh;font-family:var(--font-family)}.tab-content[data-v-0753ed8f]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.hris-header-content[data-v-40764b6b]{display:flex;align-items:center;justify-content:space-between}.hris-logo-icon[data-v-40764b6b]{width:60px;height:60px;border-radius:var(--hris-radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--hris-font-size-2xl);color:#fff}.hris-logo-title[data-v-40764b6b]{font-size:var(--hris-font-size-2xl);font-weight:var(--hris-font-weight-bold);color:var(--hris-text-primary)}.hris-logo-subtitle[data-v-40764b6b]{font-size:var(--hris-font-size-sm);color:var(--hris-text-secondary)}.hris-btn[data-v-40764b6b]{padding:var(--hris-spacing-3) var(--hris-spacing-5);border:none;border-radius:var(--hris-radius-lg);font-weight:var(--hris-font-weight-semibold);cursor:pointer;display:inline-flex;align-items:center;gap:var(--hris-spacing-2);transition:all var(--hris-transition-normal)}.hris-btn-secondary[data-v-40764b6b]{background:var(--hris-bg-tertiary);color:var(--hris-text-primary);border:1px solid var(--hris-border)}.hris-btn-secondary[data-v-40764b6b]:hover:not(:disabled){background:var(--hris-bg-quaternary)}.hris-btn-secondary[data-v-40764b6b]:disabled{opacity:.5;cursor:not-allowed}.hris-stats-grid[data-v-7ac67c0e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--hris-spacing-5)}.tabs-container[data-v-836eddfc]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0}.tab-button[data-v-836eddfc]{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.tab-button[data-v-836eddfc]:hover{color:#10b981;background:#f8fafc}.tab-button.active[data-v-836eddfc]{color:#10b981;border-bottom-color:#10b981}.tab-badge[data-v-836eddfc]{background:#ef4444;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;min-width:20px;text-align:center}.qc-card[data-v-a1bcff20]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.card-header[data-v-a1bcff20]{background:#f8fafc;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.card-title[data-v-a1bcff20]{display:flex;align-items:center;gap:.75rem}.card-title i[data-v-a1bcff20]{color:#10b981;font-size:1.25rem}.card-title h3[data-v-a1bcff20]{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.card-body[data-v-a1bcff20]{padding:1.5rem}.info-row[data-v-a1bcff20]{display:flex;justify-content:space-between;margin-bottom:.75rem}.label[data-v-a1bcff20]{font-weight:600;color:#64748b}.value[data-v-a1bcff20]{color:#1e293b}.video-section[data-v-a1bcff20]{margin-top:1rem}.video-player[data-v-a1bcff20]{width:100%;border-radius:8px;margin-bottom:.5rem}.download-link[data-v-a1bcff20]{display:inline-flex;align-items:center;gap:.5rem;color:#3b82f6;text-decoration:none;font-weight:600;font-size:.875rem}.card-actions[data-v-a1bcff20]{padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0}.badge[data-v-a1bcff20]{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-warning[data-v-a1bcff20]{background:#fef3c7;color:#92400e}.btn-primary[data-v-a1bcff20]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;width:100%;justify-content:center;background:#10b981;color:#fff}.tab-panel[data-v-b4e8a8be]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.section-header[data-v-b4e8a8be]{margin-bottom:2rem}.section-header h2[data-v-b4e8a8be]{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.section-subtitle[data-v-b4e8a8be]{font-size:.875rem;color:#64748b;margin:0}.loading-state[data-v-b4e8a8be],.empty-state[data-v-b4e8a8be]{text-align:center;padding:4rem 2rem;color:#64748b}.loading-state i[data-v-b4e8a8be]{font-size:3rem;margin-bottom:1rem;color:#10b981}.empty-state i[data-v-b4e8a8be]{font-size:4rem;margin-bottom:1rem;color:#cbd5e1}.qc-grid[data-v-b4e8a8be]{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1.5rem}.qc-card[data-v-c0154535]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.card-header[data-v-c0154535]{background:#f8fafc;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.card-title[data-v-c0154535]{display:flex;align-items:center;gap:.75rem}.card-title i[data-v-c0154535]{color:#10b981;font-size:1.25rem}.card-title h3[data-v-c0154535]{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.card-body[data-v-c0154535]{padding:1.5rem}.thumbnails-grid[data-v-c0154535]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.thumbnail-item img[data-v-c0154535]{width:100%;border-radius:8px;margin-bottom:.5rem}.thumbnail-item p[data-v-c0154535]{font-size:.875rem;color:#64748b;text-align:center;margin:0}.card-actions[data-v-c0154535]{padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0}.badge[data-v-c0154535]{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-warning[data-v-c0154535]{background:#fef3c7;color:#92400e}.btn-primary[data-v-c0154535]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;width:100%;justify-content:center;background:#10b981;color:#fff}.tab-panel[data-v-355a4792]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.section-header[data-v-355a4792]{margin-bottom:2rem}.section-header h2[data-v-355a4792]{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.section-subtitle[data-v-355a4792]{font-size:.875rem;color:#64748b;margin:0}.empty-state[data-v-355a4792]{text-align:center;padding:4rem 2rem;color:#64748b}.empty-state i[data-v-355a4792]{font-size:4rem;margin-bottom:1rem;color:#cbd5e1}.qc-grid[data-v-355a4792]{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1.5rem}.qc-card[data-v-1eebc34a]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.card-header[data-v-1eebc34a]{background:#f8fafc;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.card-title[data-v-1eebc34a]{display:flex;align-items:center;gap:.75rem}.card-title i[data-v-1eebc34a]{color:#10b981;font-size:1.25rem}.card-title h3[data-v-1eebc34a]{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.card-body[data-v-1eebc34a]{padding:1.5rem}.promo-list[data-v-1eebc34a]{display:grid;gap:.75rem}.promo-item[data-v-1eebc34a]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:8px}.promo-item i[data-v-1eebc34a]{color:#10b981;font-size:1.25rem}.card-actions[data-v-1eebc34a]{padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0}.badge[data-v-1eebc34a]{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-warning[data-v-1eebc34a]{background:#fef3c7;color:#92400e}.btn-primary[data-v-1eebc34a]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;width:100%;justify-content:center;background:#10b981;color:#fff}.tab-panel[data-v-bb5176da]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.section-header[data-v-bb5176da]{margin-bottom:2rem}.section-header h2[data-v-bb5176da]{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.section-subtitle[data-v-bb5176da]{font-size:.875rem;color:#64748b;margin:0}.empty-state[data-v-bb5176da]{text-align:center;padding:4rem 2rem;color:#64748b}.empty-state i[data-v-bb5176da]{font-size:4rem;margin-bottom:1rem;color:#cbd5e1}.qc-grid[data-v-bb5176da]{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1.5rem}.qc-checklist-item[data-v-bd87f6f1]{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.item-header[data-v-bd87f6f1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.item-header h5[data-v-bd87f6f1]{margin:0;font-size:1rem;font-weight:600;color:#1e293b}.form-row[data-v-bd87f6f1]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-bd87f6f1]{margin-bottom:1rem}.form-group label[data-v-bd87f6f1]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-bd87f6f1]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.form-hint[data-v-bd87f6f1]{display:block;margin-top:.5rem;font-size:.875rem;color:#64748b}.screenshot-preview[data-v-bd87f6f1]{margin-top:1rem;position:relative}.screenshot-preview img[data-v-bd87f6f1]{width:100%;border-radius:8px;border:2px solid #e2e8f0}.screenshot-preview button[data-v-bd87f6f1]{margin-top:.5rem}.btn-xs[data-v-bd87f6f1],.btn-danger[data-v-bd87f6f1]{padding:.375rem .75rem;font-size:.75rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-danger[data-v-bd87f6f1]{background:#ef4444;color:#fff}.modal-overlay[data-v-24eeea3f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-24eeea3f]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-24eeea3f]{max-width:900px}.modal-header[data-v-24eeea3f]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-24eeea3f]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-24eeea3f]{padding:1.5rem}.form-group[data-v-24eeea3f]{margin-bottom:1.5rem}.form-group label[data-v-24eeea3f]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-24eeea3f]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.form-control[data-v-24eeea3f]:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-section[data-v-24eeea3f]{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.form-section h4[data-v-24eeea3f]{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem}.section-hint[data-v-24eeea3f]{font-size:.875rem;color:#64748b;margin:0 0 1rem}.radio-group[data-v-24eeea3f]{display:flex;flex-direction:column;gap:.75rem}.radio-label[data-v-24eeea3f]{display:flex;align-items:center;cursor:pointer}.radio-label input[data-v-24eeea3f]{margin-right:.75rem}.radio-text[data-v-24eeea3f]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-weight:600}.radio-text.success[data-v-24eeea3f]{background:#d1fae5;color:#065f46}.radio-text.danger[data-v-24eeea3f]{background:#fee2e2;color:#991b1b}.modal-actions[data-v-24eeea3f]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-secondary[data-v-24eeea3f],.btn-success[data-v-24eeea3f],.btn-danger[data-v-24eeea3f],.btn-sm[data-v-24eeea3f]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary[data-v-24eeea3f]{background:#64748b;color:#fff}.btn-success[data-v-24eeea3f]{background:#10b981;color:#fff}.btn-danger[data-v-24eeea3f]{background:#ef4444;color:#fff}.btn-sm[data-v-24eeea3f]{padding:.5rem 1rem;font-size:.875rem}.hris-container[data-v-cfb820b3]{padding:var(--hris-spacing-xl);max-width:1800px;margin:0 auto;background:var(--hris-bg-primary);min-height:100vh;font-family:var(--hris-font-family)}.tab-content[data-v-cfb820b3]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}@media (max-width: 768px){.hris-container[data-v-cfb820b3]{padding:1rem}}@keyframes fadeIn-b4b97ebc{0%{opacity:0}to{opacity:1}}@keyframes slideUp-b4b97ebc{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-865a2ee8{0%{opacity:0}to{opacity:1}}@keyframes slideUp-865a2ee8{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-e877f731{0%{opacity:0}to{opacity:1}}@keyframes slideUp-e877f731{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-12304a67{0%{opacity:0}to{opacity:1}}@keyframes slideUp-12304a67{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-d4815664{0%{opacity:0}to{opacity:1}}@keyframes slideUp-d4815664{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-1d47835e{0%{opacity:0}to{opacity:1}}@keyframes slideUp-1d47835e{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.min-h-screen[data-v-1d47835e]{padding:1.5rem}}@media (max-width: 768px){.min-h-screen[data-v-1d47835e]{padding:1rem}.flex.justify-between[data-v-1d47835e]{flex-direction:column;align-items:flex-start;gap:1rem}.grid-cols-2[data-v-1d47835e]{grid-template-columns:1fr}}@media (max-width: 480px){.grid-cols-\[repeat\(auto-fit\,minmax\(240px\,1fr\)\)\][data-v-1d47835e]{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){[data-v-1d47835e],[data-v-1d47835e]:before,[data-v-1d47835e]:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.min-h-screen[data-v-1d47835e]{background:#fff;padding:0}.fixed[data-v-1d47835e]{display:none}}.hris-tabs[data-v-17e93825]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0;overflow-x:auto}.hris-tab[data-v-17e93825]{padding:var(--hris-spacing-lg) var(--hris-spacing-xl);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:var(--hris-font-weight-semibold);color:var(--hris-text-secondary);display:flex;align-items:center;gap:var(--hris-spacing-sm);transition:all var(--hris-transition-normal);white-space:nowrap}.hris-tab[data-v-17e93825]:hover{color:var(--hris-primary);background:var(--hris-bg-tertiary)}.hris-tab.active[data-v-17e93825]{color:var(--hris-primary);border-bottom-color:var(--hris-primary)}.hris-tab-badge[data-v-17e93825]{background:var(--hris-error);color:var(--hris-text-inverse);border-radius:var(--hris-radius-full);padding:var(--hris-spacing-xs) var(--hris-spacing-sm);font-size:var(--hris-font-size-xs);font-weight:var(--hris-font-weight-bold)}.hris-progress-indicator[data-v-3e27a3f6]{width:100%}.hris-progress-header[data-v-3e27a3f6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--hris-spacing-2)}.hris-progress-label[data-v-3e27a3f6]{font-size:var(--hris-font-size-sm);font-weight:var(--hris-font-weight-semibold);color:var(--hris-text-primary)}.hris-progress-default-label[data-v-3e27a3f6]{color:var(--hris-text-secondary)}.hris-progress-percentage[data-v-3e27a3f6]{font-size:var(--hris-font-size-sm);font-weight:var(--hris-font-weight-bold);color:var(--hris-text-primary)}.hris-progress-bar-container[data-v-3e27a3f6]{width:100%;height:8px;background:var(--hris-bg-tertiary);border-radius:var(--hris-radius-full);overflow:hidden;position:relative}.hris-progress-bar[data-v-3e27a3f6]{height:100%;border-radius:var(--hris-radius-full);position:relative;transition:width var(--hris-transition-slow);overflow:hidden}.hris-progress-bar-fill[data-v-3e27a3f6]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-3e27a3f6 2s infinite}.hris-progress-bar-primary[data-v-3e27a3f6]{background:var(--hris-primary)}.hris-progress-bar-success[data-v-3e27a3f6]{background:var(--hris-success)}.hris-progress-bar-warning[data-v-3e27a3f6]{background:var(--hris-warning)}.hris-progress-bar-error[data-v-3e27a3f6]{background:var(--hris-error)}.hris-progress-bar-info[data-v-3e27a3f6]{background:var(--hris-info)}.hris-progress-subtitle[data-v-3e27a3f6]{font-size:var(--hris-font-size-xs);color:var(--hris-text-muted);margin-top:var(--hris-spacing-2)}@keyframes shimmer-3e27a3f6{0%{transform:translate(-100%)}to{transform:translate(100%)}}.episode-item[data-v-94a413e8]{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;background:#f8fafc}.episode-header[data-v-94a413e8]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.episode-header h4[data-v-94a413e8]{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1e293b}.episode-subtitle[data-v-94a413e8]{margin:0;font-size:.875rem;color:#64748b}.episode-body[data-v-94a413e8]{margin-bottom:.75rem}.episode-info[data-v-94a413e8]{display:flex;gap:1rem;font-size:.875rem;color:#64748b}.episode-actions[data-v-94a413e8]{display:flex;gap:.5rem}.btn-xs[data-v-94a413e8]{padding:.375rem .75rem;font-size:.75rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary[data-v-94a413e8]{background:#64748b;color:#fff}.btn-primary[data-v-94a413e8]{background:#8b5cf6;color:#fff}.episodes-structured-container[data-v-2313d6c9]{display:flex;flex-direction:column;gap:1rem}.program-episodes-group[data-v-2313d6c9]{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}.program-header[data-v-2313d6c9]{padding:1rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.program-header[data-v-2313d6c9]:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.episodes-list[data-v-2313d6c9]{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.tab-pane[data-v-de173df4]{background:var(--hris-bg-secondary);border-radius:var(--hris-radius-lg);padding:var(--hris-spacing-2xl);box-shadow:var(--hris-shadow-sm);border:1px solid var(--hris-border)}.section-header[data-v-de173df4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--hris-spacing-2xl)}.section-header h2[data-v-de173df4]{font-size:var(--hris-font-size-xl);font-weight:var(--hris-font-weight-semibold);color:var(--hris-text-primary);margin:0}.loading-state[data-v-de173df4],.empty-state[data-v-de173df4]{text-align:center;padding:var(--hris-spacing-4xl) var(--hris-spacing-2xl);color:var(--hris-text-secondary)}.btn-sm[data-v-de173df4],.btn-secondary[data-v-de173df4]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary[data-v-de173df4]{background:#64748b;color:#fff}.team-card[data-v-5b1974f6]{border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;background:#fff;transition:all .2s}.team-card[data-v-5b1974f6]:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.team-header[data-v-5b1974f6]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.team-header i[data-v-5b1974f6]{font-size:1.5rem;color:#8b5cf6}.team-header h3[data-v-5b1974f6]{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.team-stats[data-v-5b1974f6]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.stat[data-v-5b1974f6]{display:flex;flex-direction:column}.stat-number[data-v-5b1974f6]{font-size:1.25rem;font-weight:700;color:#1e293b}.stat-label[data-v-5b1974f6]{font-size:.875rem;color:#64748b}.team-status[data-v-5b1974f6]{margin-top:12px;padding:8px;background:#f8fafc;border-radius:6px;font-size:12px}.btn-sm[data-v-5b1974f6],.btn-secondary[data-v-5b1974f6]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary[data-v-5b1974f6]{background:#64748b;color:#fff}.tab-pane[data-v-f247ce3a]{background:var(--hris-bg-secondary);border-radius:var(--hris-radius-lg);padding:var(--hris-spacing-2xl);box-shadow:var(--hris-shadow-sm);border:1px solid var(--hris-border)}.section-header[data-v-f247ce3a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--hris-spacing-2xl)}.section-header h2[data-v-f247ce3a]{font-size:var(--hris-font-size-xl);font-weight:var(--hris-font-weight-semibold);color:var(--hris-text-primary);margin:0}.loading-state[data-v-f247ce3a],.empty-state[data-v-f247ce3a]{text-align:center;padding:var(--hris-spacing-4xl) var(--hris-spacing-2xl);color:var(--hris-text-secondary)}.teams-grid[data-v-f247ce3a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.btn-sm[data-v-f247ce3a],.btn-primary[data-v-f247ce3a],.btn-secondary[data-v-f247ce3a]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-f247ce3a]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-f247ce3a]{background:#64748b;color:#fff}.schedule-card[data-v-a4a7c379]{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;background:#fff}.schedule-header[data-v-a4a7c379]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.schedule-body[data-v-a4a7c379]{margin-bottom:.75rem}.schedule-info[data-v-a4a7c379]{display:flex;gap:1rem;font-size:.875rem;color:#64748b}.schedule-actions[data-v-a4a7c379]{display:flex;gap:.5rem}.btn-xs[data-v-a4a7c379]{padding:.375rem .75rem;font-size:.75rem;border:none;border-radius:6px;font-weight:600;cursor:pointer}.btn-danger[data-v-a4a7c379]{background:#ef4444;color:#fff}.btn-primary[data-v-a4a7c379]{background:#8b5cf6;color:#fff}.tab-pane[data-v-66d5b440]{background:var(--hris-bg-secondary);border-radius:var(--hris-radius-lg);padding:var(--hris-spacing-2xl);box-shadow:var(--hris-shadow-sm);border:1px solid var(--hris-border)}.section-header[data-v-66d5b440]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--hris-spacing-2xl)}.loading-state[data-v-66d5b440],.empty-state[data-v-66d5b440]{text-align:center;padding:var(--hris-spacing-4xl) var(--hris-spacing-2xl);color:var(--hris-text-secondary)}.schedules-list[data-v-66d5b440]{display:flex;flex-direction:column;gap:1rem}.btn-sm[data-v-66d5b440],.btn-secondary[data-v-66d5b440]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary[data-v-66d5b440]{background:#64748b;color:#fff}.budget-card[data-v-dfe727e7]{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;background:#fff}.budget-header[data-v-dfe727e7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.budget-amount[data-v-dfe727e7]{font-size:1.125rem;font-weight:700;color:#059669}.budget-body[data-v-dfe727e7]{margin-bottom:.75rem}.budget-actions[data-v-dfe727e7]{display:flex;gap:.5rem}.btn-sm[data-v-dfe727e7]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:6px;font-weight:600;cursor:pointer}.btn-success[data-v-dfe727e7]{background:#10b981;color:#fff}.btn-danger[data-v-dfe727e7]{background:#ef4444;color:#fff}.tab-pane[data-v-200db1f0]{background:var(--hris-bg-secondary);border-radius:var(--hris-radius-lg);padding:var(--hris-spacing-2xl);box-shadow:var(--hris-shadow-sm);border:1px solid var(--hris-border)}.section-header[data-v-200db1f0]{margin-bottom:var(--hris-spacing-2xl)}.loading-state[data-v-200db1f0],.empty-state[data-v-200db1f0]{text-align:center;padding:var(--hris-spacing-4xl) var(--hris-spacing-2xl);color:var(--hris-text-secondary)}.approvals-list[data-v-200db1f0]{display:flex;flex-direction:column;gap:1rem}.schedule-card[data-v-a80a35eb]{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;background:#fff}.schedule-card.revised[data-v-a80a35eb]{border-left:4px solid #f59e0b}.old-schedule[data-v-a80a35eb]{text-decoration:line-through;color:#94a3b8;margin-bottom:.5rem}.new-schedule[data-v-a80a35eb]{color:#059669;font-weight:600;margin-bottom:.5rem}.schedule-reason[data-v-a80a35eb]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e2e8f0;font-size:.875rem;color:#64748b}.tab-pane[data-v-84f1a407]{background:var(--hris-bg-secondary);border-radius:var(--hris-radius-lg);padding:var(--hris-spacing-2xl);box-shadow:var(--hris-shadow-sm);border:1px solid var(--hris-border)}.section-header[data-v-84f1a407]{margin-bottom:var(--hris-spacing-2xl)}.loading-state[data-v-84f1a407],.empty-state[data-v-84f1a407]{text-align:center;padding:var(--hris-spacing-4xl) var(--hris-spacing-2xl);color:var(--hris-text-secondary)}.schedules-list[data-v-84f1a407]{display:flex;flex-direction:column;gap:1rem}.rundown-card[data-v-482b916c]{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;background:#fff}.rundown-header[data-v-482b916c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.rundown-body[data-v-482b916c]{margin-bottom:.75rem}.changes-section[data-v-482b916c]{margin-top:.75rem;padding:.75rem;background:#f8fafc;border-radius:6px}.changes-section pre[data-v-482b916c]{margin:.5rem 0 0;font-size:.75rem;color:#475569}.rundown-actions[data-v-482b916c]{display:flex;gap:.5rem}.btn-sm[data-v-482b916c]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:6px;font-weight:600;cursor:pointer}.btn-success[data-v-482b916c]{background:#10b981;color:#fff}.btn-danger[data-v-482b916c]{background:#ef4444;color:#fff}.btn-info[data-v-482b916c]{background:#3b82f6;color:#fff}.tab-pane[data-v-0dd14b0a]{background:var(--hris-bg-secondary);border-radius:var(--hris-radius-lg);padding:var(--hris-spacing-2xl);box-shadow:var(--hris-shadow-sm);border:1px solid var(--hris-border)}.section-header[data-v-0dd14b0a]{margin-bottom:var(--hris-spacing-2xl)}.loading-state[data-v-0dd14b0a],.empty-state[data-v-0dd14b0a]{text-align:center;padding:var(--hris-spacing-4xl) var(--hris-spacing-2xl);color:var(--hris-text-secondary)}.requests-list[data-v-0dd14b0a]{display:flex;flex-direction:column;gap:1rem}.qc-card[data-v-1158e409]{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;background:#fff}.qc-header[data-v-1158e409]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.qc-body[data-v-1158e409]{margin-bottom:.75rem}.qc-actions[data-v-1158e409]{display:flex;gap:.5rem}.btn-sm[data-v-1158e409]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:6px;font-weight:600;cursor:pointer}.btn-info[data-v-1158e409]{background:#3b82f6;color:#fff}.tab-pane[data-v-bd8fb990]{background:var(--hris-bg-secondary);border-radius:var(--hris-radius-lg);padding:var(--hris-spacing-2xl);box-shadow:var(--hris-shadow-sm);border:1px solid var(--hris-border)}.section-header[data-v-bd8fb990]{margin-bottom:var(--hris-spacing-2xl)}.loading-state[data-v-bd8fb990],.empty-state[data-v-bd8fb990]{text-align:center;padding:var(--hris-spacing-4xl) var(--hris-spacing-2xl);color:var(--hris-text-secondary)}.qc-list[data-v-bd8fb990]{display:flex;flex-direction:column;gap:1rem}.tab-pane[data-v-e433a4da]{background:var(--hris-bg-secondary);border-radius:var(--hris-radius-lg);padding:var(--hris-spacing-2xl);box-shadow:var(--hris-shadow-sm);border:1px solid var(--hris-border)}.section-header[data-v-e433a4da]{margin-bottom:var(--hris-spacing-2xl)}.reports-grid[data-v-e433a4da]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.report-card[data-v-e433a4da]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.report-card h3[data-v-e433a4da]{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1e293b}.stats-list[data-v-e433a4da]{display:flex;flex-direction:column;gap:.75rem}.stat-item[data-v-e433a4da]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:6px}.stat-label[data-v-e433a4da]{font-size:.875rem;color:#64748b}.stat-value[data-v-e433a4da]{font-size:1.125rem;font-weight:700;color:#1e293b}.option-card[data-v-5f81fb14]{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;background:#fff}.option-header[data-v-5f81fb14]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.option-body[data-v-5f81fb14]{margin-bottom:.75rem}.option-actions[data-v-5f81fb14]{display:flex;gap:.5rem}.btn-sm[data-v-5f81fb14]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:6px;font-weight:600;cursor:pointer}.btn-success[data-v-5f81fb14]{background:#10b981;color:#fff}.btn-danger[data-v-5f81fb14]{background:#ef4444;color:#fff}.tab-pane[data-v-4c642b8b]{background:var(--hris-bg-secondary);border-radius:var(--hris-radius-lg);padding:var(--hris-spacing-2xl);box-shadow:var(--hris-shadow-sm);border:1px solid var(--hris-border)}.section-header[data-v-4c642b8b]{margin-bottom:var(--hris-spacing-2xl)}.loading-state[data-v-4c642b8b],.empty-state[data-v-4c642b8b]{text-align:center;padding:var(--hris-spacing-4xl) var(--hris-spacing-2xl);color:var(--hris-text-secondary)}.options-list[data-v-4c642b8b]{display:flex;flex-direction:column;gap:1rem}.schedule-card[data-v-3df7767a]{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;background:#fff}.schedule-header[data-v-3df7767a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.schedule-body[data-v-3df7767a]{margin-bottom:.75rem}.schedule-info[data-v-3df7767a]{display:flex;gap:1rem;font-size:.875rem;color:#64748b}.schedule-actions[data-v-3df7767a]{display:flex;gap:.5rem}.btn-sm[data-v-3df7767a]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:6px;font-weight:600;cursor:pointer}.btn-success[data-v-3df7767a]{background:#10b981;color:#fff}.btn-danger[data-v-3df7767a]{background:#ef4444;color:#fff}.btn-warning[data-v-3df7767a]{background:#f59e0b;color:#fff}.tab-pane[data-v-d5b5e7c7]{background:var(--hris-bg-secondary);border-radius:var(--hris-radius-lg);padding:var(--hris-spacing-2xl);box-shadow:var(--hris-shadow-sm);border:1px solid var(--hris-border)}.section-header[data-v-d5b5e7c7]{margin-bottom:var(--hris-spacing-2xl)}.loading-state[data-v-d5b5e7c7],.empty-state[data-v-d5b5e7c7]{text-align:center;padding:var(--hris-spacing-4xl) var(--hris-spacing-2xl);color:var(--hris-text-secondary)}.schedules-list[data-v-d5b5e7c7]{display:flex;flex-direction:column;gap:1rem}.work-card[data-v-2c7a29ee]{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;background:#fff}.work-header[data-v-2c7a29ee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.work-body[data-v-2c7a29ee]{margin-bottom:.75rem}.work-actions[data-v-2c7a29ee]{display:flex;gap:.5rem}.btn-sm[data-v-2c7a29ee]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:6px;font-weight:600;cursor:pointer}.btn-success[data-v-2c7a29ee]{background:#10b981;color:#fff}.btn-danger[data-v-2c7a29ee]{background:#ef4444;color:#fff}.tab-pane[data-v-c94449b8]{background:var(--hris-bg-secondary);border-radius:var(--hris-radius-lg);padding:var(--hris-spacing-2xl);box-shadow:var(--hris-shadow-sm);border:1px solid var(--hris-border)}.section-header[data-v-c94449b8]{margin-bottom:var(--hris-spacing-2xl)}.loading-state[data-v-c94449b8],.empty-state[data-v-c94449b8]{text-align:center;padding:var(--hris-spacing-4xl) var(--hris-spacing-2xl);color:var(--hris-text-secondary)}.works-list[data-v-c94449b8]{display:flex;flex-direction:column;gap:1rem}.modal-overlay[data-v-7c5a1034]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-7c5a1034]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-7c5a1034]{max-width:800px}.modal-header[data-v-7c5a1034]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-7c5a1034]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-7c5a1034]{padding:1.5rem}.form-row[data-v-7c5a1034]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-7c5a1034]{margin-bottom:1.5rem}.form-group label[data-v-7c5a1034]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-7c5a1034]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.modal-actions[data-v-7c5a1034]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-7c5a1034],.btn-secondary[data-v-7c5a1034]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-7c5a1034]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-7c5a1034]{background:#64748b;color:#fff}.program-detail-content[data-v-3d82e3d6]{display:flex;flex-direction:column;gap:1.5rem}.detail-section[data-v-3d82e3d6]{padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.detail-section[data-v-3d82e3d6]:last-child{border-bottom:none}.detail-section h4[data-v-3d82e3d6]{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.detail-grid[data-v-3d82e3d6]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item[data-v-3d82e3d6]{display:flex;flex-direction:column;gap:.25rem}.detail-label[data-v-3d82e3d6]{font-size:.875rem;color:#64748b;font-weight:500}.detail-value[data-v-3d82e3d6]{font-size:1rem;color:#1e293b;font-weight:600}.episodes-preview[data-v-3d82e3d6]{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.episode-item[data-v-3d82e3d6]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.episode-info[data-v-3d82e3d6]{display:flex;flex-direction:column;gap:.25rem}.episode-number[data-v-3d82e3d6]{font-size:.75rem;color:#64748b;font-weight:500}.episode-title[data-v-3d82e3d6]{font-size:.875rem;color:#1e293b;font-weight:600}.episodes-more[data-v-3d82e3d6]{text-align:center;padding:.5rem;color:#64748b;font-size:.875rem;font-style:italic}.modal-overlay[data-v-77a607f9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-77a607f9]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-77a607f9]{max-width:900px}.modal-header[data-v-77a607f9]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-77a607f9]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-77a607f9]{padding:1.5rem}.loading-state[data-v-77a607f9],.empty-state[data-v-77a607f9]{text-align:center;padding:3rem 1rem;color:#64748b}.loading-state i[data-v-77a607f9]{font-size:2rem;color:#10b981;margin-bottom:1rem;animation:spin-77a607f9 1s linear infinite}.empty-state i[data-v-77a607f9]{font-size:2rem;color:#ef4444;margin-bottom:1rem}@keyframes spin-77a607f9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay[data-v-aa2b9267]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-aa2b9267]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-aa2b9267]{max-width:800px}.modal-header[data-v-aa2b9267]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-aa2b9267]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-aa2b9267]{padding:1.5rem}.form-row[data-v-aa2b9267]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-aa2b9267]{margin-bottom:1.5rem}.form-group label[data-v-aa2b9267]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-aa2b9267]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.modal-actions[data-v-aa2b9267]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-aa2b9267],.btn-secondary[data-v-aa2b9267]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-aa2b9267]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-aa2b9267]{background:#64748b;color:#fff}.modal-overlay[data-v-723039f1]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-723039f1]{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-723039f1]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-723039f1]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-723039f1]{padding:1.5rem}.warning-text[data-v-723039f1]{color:#f59e0b;font-size:.875rem;margin-top:.5rem}.modal-actions[data-v-723039f1]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-723039f1],.btn-secondary[data-v-723039f1]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-723039f1]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-723039f1]{background:#64748b;color:#fff}.modal-overlay[data-v-e231bff4]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-e231bff4]{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-e231bff4]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-e231bff4]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-e231bff4]{padding:1.5rem}.form-group[data-v-e231bff4]{margin-bottom:1.5rem}.form-group label[data-v-e231bff4]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-e231bff4]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.modal-actions[data-v-e231bff4]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-success[data-v-e231bff4],.btn-secondary[data-v-e231bff4]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-success[data-v-e231bff4]{background:#10b981;color:#fff}.btn-secondary[data-v-e231bff4]{background:#64748b;color:#fff}.modal-overlay[data-v-566732df]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-566732df]{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-566732df]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-566732df]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-566732df]{padding:1.5rem}.form-group[data-v-566732df]{margin-bottom:1.5rem}.form-group label[data-v-566732df]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-566732df]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.modal-actions[data-v-566732df]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-danger[data-v-566732df],.btn-secondary[data-v-566732df]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-danger[data-v-566732df]{background:#ef4444;color:#fff}.btn-secondary[data-v-566732df]{background:#64748b;color:#fff}.modal-overlay[data-v-45615d2c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-45615d2c]{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-45615d2c]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-45615d2c]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-45615d2c]{padding:1.5rem}.warning-box[data-v-45615d2c]{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-bottom:1rem;color:#92400e}.modal-actions[data-v-45615d2c]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-danger[data-v-45615d2c],.btn-secondary[data-v-45615d2c]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-danger[data-v-45615d2c]{background:#ef4444;color:#fff}.btn-secondary[data-v-45615d2c]{background:#64748b;color:#fff}.modal-overlay[data-v-997752b8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-997752b8]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-997752b8]{max-width:800px}.modal-header[data-v-997752b8]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-997752b8]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-997752b8]{padding:1.5rem}.info-box[data-v-997752b8]{padding:1rem;background:#f8fafc;border-radius:8px;margin-bottom:1.5rem}.form-group[data-v-997752b8]{margin-bottom:1.5rem}.form-group label[data-v-997752b8]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-997752b8]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.form-text[data-v-997752b8]{font-size:.875rem;color:#64748b;margin-top:.5rem;display:block}.modal-actions[data-v-997752b8]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-997752b8],.btn-secondary[data-v-997752b8]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-997752b8]{background:#8b5cf6;color:#fff}.btn-secondary[data-v-997752b8]{background:#64748b;color:#fff}.modal-overlay[data-v-1fa3277c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-1fa3277c]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-1fa3277c]{max-width:700px}.modal-header[data-v-1fa3277c]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-1fa3277c]{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem}.modal-close[data-v-1fa3277c]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.25rem}.modal-body[data-v-1fa3277c]{padding:1.5rem}.loading-state[data-v-1fa3277c]{text-align:center;padding:2rem;color:#64748b}.program-info[data-v-1fa3277c],.episode-info[data-v-1fa3277c]{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.program-info h4[data-v-1fa3277c],.episode-info h4[data-v-1fa3277c]{margin:0 0 .5rem;font-size:1.125rem;color:#1e293b}.assignment-info[data-v-1fa3277c],.current-team[data-v-1fa3277c],.no-team[data-v-1fa3277c]{margin:.5rem 0 0;font-size:.875rem;color:#64748b}.current-team[data-v-1fa3277c]{color:#059669}.no-team[data-v-1fa3277c]{color:#dc2626}.form-group[data-v-1fa3277c]{margin-bottom:1.5rem}.form-group label[data-v-1fa3277c]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-1fa3277c]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;font-family:inherit}.form-control[data-v-1fa3277c]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-text[data-v-1fa3277c]{display:block;margin-top:.5rem;font-size:.875rem;color:#64748b}.modal-actions[data-v-1fa3277c]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-1fa3277c],.btn-secondary[data-v-1fa3277c]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-primary[data-v-1fa3277c]{background:#8b5cf6;color:#fff}.btn-primary[data-v-1fa3277c]:hover:not(:disabled){background:#7c3aed}.btn-primary[data-v-1fa3277c]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-1fa3277c]{background:#64748b;color:#fff}.btn-secondary[data-v-1fa3277c]:hover{background:#475569}.modal-overlay[data-v-b1f30f8b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-b1f30f8b]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-b1f30f8b]{max-width:700px}.modal-header[data-v-b1f30f8b]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-b1f30f8b]{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem}.modal-close[data-v-b1f30f8b]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.25rem}.modal-body[data-v-b1f30f8b]{padding:1.5rem}.form-group[data-v-b1f30f8b]{margin-bottom:1.5rem}.form-group label[data-v-b1f30f8b]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-b1f30f8b]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;font-family:inherit}.form-control[data-v-b1f30f8b]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-text[data-v-b1f30f8b]{display:block;margin-top:.5rem;font-size:.875rem;color:#64748b}.modal-actions[data-v-b1f30f8b]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-b1f30f8b],.btn-secondary[data-v-b1f30f8b]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-primary[data-v-b1f30f8b]{background:#8b5cf6;color:#fff}.btn-primary[data-v-b1f30f8b]:hover:not(:disabled){background:#7c3aed}.btn-primary[data-v-b1f30f8b]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-b1f30f8b]{background:#64748b;color:#fff}.btn-secondary[data-v-b1f30f8b]:hover{background:#475569}.modal-overlay[data-v-cd586462]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-cd586462]{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-cd586462]{max-width:900px}.modal-header[data-v-cd586462]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-cd586462]{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem}.modal-close[data-v-cd586462]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.25rem}.modal-body[data-v-cd586462]{padding:1.5rem}.modal-footer[data-v-cd586462]{display:flex;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e2e8f0}.loading-state[data-v-cd586462],.empty-state[data-v-cd586462]{text-align:center;padding:2rem;color:#64748b}.team-info[data-v-cd586462]{background:#f8fafc;border-radius:8px;padding:1rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.info-row[data-v-cd586462]{display:flex;justify-content:space-between;margin-bottom:.5rem}.info-row[data-v-cd586462]:last-child{margin-bottom:0}.info-label[data-v-cd586462]{font-weight:600;color:#475569}.info-value[data-v-cd586462]{color:#1e293b}.section-header[data-v-cd586462]{margin-bottom:1rem}.section-header h4[data-v-cd586462]{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.add-member-form[data-v-cd586462]{background:#f8fafc;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.form-row[data-v-cd586462]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-cd586462]{margin-bottom:1rem}.form-group label[data-v-cd586462]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-cd586462]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;font-family:inherit}.form-control[data-v-cd586462]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.members-list[data-v-cd586462]{display:flex;flex-direction:column;gap:.75rem}.member-item[data-v-cd586462]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.member-info[data-v-cd586462]{flex:1}.member-name[data-v-cd586462]{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.member-name strong[data-v-cd586462]{color:#1e293b;font-size:1rem}.member-role[data-v-cd586462]{background:#8b5cf6;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.member-meta[data-v-cd586462]{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#64748b}.member-notes[data-v-cd586462]{font-style:italic}.member-joined[data-v-cd586462]{font-size:.75rem}.member-actions[data-v-cd586462]{display:flex;gap:.5rem}.btn-xs[data-v-cd586462]{padding:.375rem .75rem;font-size:.75rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-danger[data-v-cd586462]{background:#dc2626;color:#fff}.btn-danger[data-v-cd586462]:hover:not(:disabled){background:#b91c1c}.btn-danger[data-v-cd586462]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-cd586462],.btn-secondary[data-v-cd586462]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-primary[data-v-cd586462]{background:#8b5cf6;color:#fff}.btn-primary[data-v-cd586462]:hover:not(:disabled){background:#7c3aed}.btn-primary[data-v-cd586462]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-cd586462]{background:#64748b;color:#fff}.btn-secondary[data-v-cd586462]:hover{background:#475569}.hris-container[data-v-da892f9e]{padding:var(--hris-spacing-xl);max-width:1800px;margin:0 auto;background:var(--hris-bg-primary);min-height:100vh;font-family:var(--hris-font-family)}@media (max-width: 768px){.grid[data-v-f7b3b335]{grid-template-columns:1fr!important}}@media (max-width: 768px){.grid[data-v-03d11fc7]{grid-template-columns:1fr!important}}@media (max-width: 768px){.grid[data-v-d519db2c]{grid-template-columns:1fr!important}}@keyframes fadeIn-c5473edb{0%{opacity:0}to{opacity:1}}@keyframes slideUp-c5473edb{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-12ec5868{0%{opacity:0}to{opacity:1}}@keyframes slideUp-12ec5868{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-caef16e2{0%{opacity:0}to{opacity:1}}@keyframes slideUp-caef16e2{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.grid[data-v-caef16e2]{grid-template-columns:1fr!important}}.dashboard-header[data-v-14d1593c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.dashboard-title[data-v-14d1593c]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-md);margin:0}.text-primary[data-v-14d1593c]{color:var(--music-promosi)}.btn-secondary[data-v-14d1593c]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#64748b;color:#fff}.btn-secondary[data-v-14d1593c]:hover:not(:disabled){opacity:.9}.btn-secondary[data-v-14d1593c]:disabled{opacity:.5;cursor:not-allowed}.stats-grid[data-v-529c9293]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-529c9293]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-normal)}.stat-card[data-v-529c9293]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.primary[data-v-529c9293]{border-left:4px solid var(--music-producer)}.stat-card.success[data-v-529c9293]{border-left:4px solid var(--status-success)}.stat-card.warning[data-v-529c9293]{border-left:4px solid var(--status-warning)}.stat-card.info[data-v-529c9293]{border-left:4px solid var(--status-info)}.stat-icon[data-v-529c9293]{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);color:var(--text-inverse);background:var(--music-promosi-gradient);box-shadow:var(--shadow-sm)}.stat-content[data-v-529c9293]{flex:1}.stat-number[data-v-529c9293]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.stat-label[data-v-529c9293]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.tabs-nav[data-v-a23f8d68]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);border-bottom:2px solid var(--border-color)}.tab-button[data-v-a23f8d68]{padding:var(--spacing-lg) var(--spacing-xl);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal)}.tab-button[data-v-a23f8d68]:hover{color:var(--music-promosi);background:var(--bg-tertiary)}.tab-button.active[data-v-a23f8d68]{color:var(--music-promosi);border-bottom-color:var(--music-promosi)}.badge-count[data-v-a23f8d68]{background:var(--status-error);color:var(--text-inverse);border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}@media (max-width: 768px){.tabs-nav[data-v-a23f8d68]{overflow-x:auto}}.promo-card[data-v-b3169118]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.card-header[data-v-b3169118]{background:linear-gradient(135deg,#f59e0b,#d97706);padding:1.5rem;color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.card-header h3[data-v-b3169118]{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.subtitle[data-v-b3169118]{margin:0;opacity:.9;font-size:.875rem}.card-body[data-v-b3169118]{padding:1.5rem}.info-row[data-v-b3169118]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:#64748b;font-size:.875rem}.info-row i[data-v-b3169118]{width:16px;color:#f59e0b}.card-actions[data-v-b3169118]{padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;flex-wrap:wrap}.status-badge[data-v-b3169118]{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-planning[data-v-b3169118]{background:#fef3c7;color:#92400e}.status-shooting[data-v-b3169118]{background:#dbeafe;color:#1e40af}.status-published[data-v-b3169118]{background:#d1fae5;color:#065f46}.btn-sm[data-v-b3169118]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-b3169118]{background:#f59e0b;color:#fff}.btn-success[data-v-b3169118]{background:#10b981;color:#fff}.btn-info[data-v-b3169118]{background:#06b6d4;color:#fff}.tab-pane[data-v-b9d6590e]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.section-header[data-v-b9d6590e]{margin-bottom:var(--spacing-2xl)}.section-header h2[data-v-b9d6590e]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.section-subtitle[data-v-b9d6590e]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.loading-state[data-v-b9d6590e],.empty-state[data-v-b9d6590e]{text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl);color:var(--text-secondary)}.loading-state i[data-v-b9d6590e]{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--music-promosi)}.empty-state i[data-v-b9d6590e]{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--status-success)}.cards-grid[data-v-b9d6590e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.btn-sm[data-v-b9d6590e],.btn-secondary[data-v-b9d6590e]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary[data-v-b9d6590e]{background:#64748b;color:#fff}.promo-card[data-v-ec0587a7]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.card-header[data-v-ec0587a7]{background:linear-gradient(135deg,#f59e0b,#d97706);padding:1.5rem;color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.card-header h3[data-v-ec0587a7]{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.subtitle[data-v-ec0587a7]{margin:0;opacity:.9;font-size:.875rem}.card-body[data-v-ec0587a7]{padding:1.5rem}.info-row[data-v-ec0587a7]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:#64748b;font-size:.875rem}.info-row i[data-v-ec0587a7]{width:16px;color:#f59e0b}.thumbnail-preview[data-v-ec0587a7]{margin-top:1rem;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0}.thumbnail-preview img[data-v-ec0587a7]{width:100%;display:block}.card-actions[data-v-ec0587a7]{padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:.5rem}.status-badge[data-v-ec0587a7]{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-pending[data-v-ec0587a7]{background:#fef3c7;color:#92400e}.btn-sm[data-v-ec0587a7]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-ec0587a7]{background:#f59e0b;color:#fff}.btn-secondary[data-v-ec0587a7]{background:#64748b;color:#fff}.tab-pane[data-v-74ddc934]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.section-header[data-v-74ddc934]{margin-bottom:var(--spacing-2xl)}.section-header h2[data-v-74ddc934]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.section-subtitle[data-v-74ddc934]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.loading-state[data-v-74ddc934],.empty-state[data-v-74ddc934]{text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl);color:var(--text-secondary)}.loading-state i[data-v-74ddc934]{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--music-promosi)}.empty-state i[data-v-74ddc934]{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--status-success)}.cards-grid[data-v-74ddc934]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.promo-card[data-v-70a2bccd]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.card-header[data-v-70a2bccd]{background:linear-gradient(135deg,#f59e0b,#d97706);padding:1.5rem;color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.card-header h3[data-v-70a2bccd]{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.subtitle[data-v-70a2bccd]{margin:0;opacity:.9;font-size:.875rem}.card-body[data-v-70a2bccd]{padding:1.5rem}.info-row[data-v-70a2bccd]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:#64748b;font-size:.875rem}.info-row i[data-v-70a2bccd]{width:16px;color:#f59e0b}.promo-checklist[data-v-70a2bccd]{margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:8px}.promo-checklist h4[data-v-70a2bccd]{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#475569}.checkbox-item[data-v-70a2bccd]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:#64748b;cursor:default}.checkbox-item input[type=checkbox][data-v-70a2bccd]{cursor:default}.card-actions[data-v-70a2bccd]{padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:.5rem}.status-badge[data-v-70a2bccd]{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-in_progress[data-v-70a2bccd]{background:#dbeafe;color:#1e40af}.btn-sm[data-v-70a2bccd]{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-success[data-v-70a2bccd]{background:#10b981;color:#fff}.tab-pane[data-v-9b85eb22]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.section-header[data-v-9b85eb22]{margin-bottom:var(--spacing-2xl)}.section-header h2[data-v-9b85eb22]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.section-subtitle[data-v-9b85eb22]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.loading-state[data-v-9b85eb22]{text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl);color:var(--text-secondary)}.loading-state i[data-v-9b85eb22]{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--music-promosi)}.cards-grid[data-v-9b85eb22]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.tab-pane[data-v-ff8624a9]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.section-header[data-v-ff8624a9]{margin-bottom:var(--spacing-2xl)}.section-header h2[data-v-ff8624a9]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.section-subtitle[data-v-ff8624a9]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.loading-state[data-v-ff8624a9]{text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl);color:var(--text-secondary)}.loading-state i[data-v-ff8624a9]{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--music-promosi)}.table-container[data-v-ff8624a9]{overflow-x:auto}.data-table[data-v-ff8624a9]{width:100%;border-collapse:collapse}.data-table thead[data-v-ff8624a9]{background:#f8fafc}.data-table th[data-v-ff8624a9]{padding:1rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.data-table td[data-v-ff8624a9]{padding:1rem;border-bottom:1px solid #e2e8f0}.status-badge[data-v-ff8624a9]{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-approved[data-v-ff8624a9]{background:#d1fae5;color:#065f46}.btn-xs[data-v-ff8624a9]{padding:.375rem .75rem;font-size:.75rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;margin-right:.5rem}.btn-info[data-v-ff8624a9]{background:#3b82f6;color:#fff}.btn-success[data-v-ff8624a9]{background:#10b981;color:#fff}.proof-badge[data-v-ff8624a9]{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#d1fae5;color:#065f46;border-radius:6px;font-size:.75rem;font-weight:600}.modal-overlay[data-v-8beabb28]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-8beabb28]{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.modal-medium[data-v-8beabb28]{max-width:600px}.modal-header[data-v-8beabb28]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-8beabb28]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-8beabb28]{padding:1.5rem}.post-info[data-v-8beabb28]{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px}.form-group[data-v-8beabb28]{margin-bottom:1.5rem}.form-group label[data-v-8beabb28]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-8beabb28]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.form-hint[data-v-8beabb28]{display:block;margin-top:.5rem;font-size:.875rem;color:#64748b}.proof-preview[data-v-8beabb28]{margin-top:1rem;position:relative}.proof-preview img[data-v-8beabb28]{width:100%;border-radius:8px;border:2px solid #e2e8f0}.proof-preview button[data-v-8beabb28]{margin-top:.5rem}.modal-actions[data-v-8beabb28]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-secondary[data-v-8beabb28],.btn-success[data-v-8beabb28],.btn-danger[data-v-8beabb28],.btn-xs[data-v-8beabb28]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary[data-v-8beabb28]{background:#64748b;color:#fff}.btn-success[data-v-8beabb28]{background:#10b981;color:#fff}.btn-danger[data-v-8beabb28]{background:#ef4444;color:#fff}.btn-xs[data-v-8beabb28]{padding:.375rem .75rem;font-size:.75rem}.modal-overlay[data-v-028ecb5c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-028ecb5c]{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-028ecb5c]{max-width:900px}.modal-header[data-v-028ecb5c]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-028ecb5c]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-028ecb5c]{padding:1.5rem}.form-section[data-v-028ecb5c]{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.form-section[data-v-028ecb5c]:last-of-type{border-bottom:none}.form-section h4[data-v-028ecb5c]{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem}.form-row[data-v-028ecb5c]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-028ecb5c]{margin-bottom:1.5rem}.form-group label[data-v-028ecb5c]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-028ecb5c]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.char-count[data-v-028ecb5c]{font-size:.75rem;color:#94a3b8;margin-top:.25rem;text-align:right}.modal-actions[data-v-028ecb5c]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-028ecb5c],.btn-secondary[data-v-028ecb5c]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-028ecb5c]{background:#f59e0b;color:#fff}.btn-secondary[data-v-028ecb5c]{background:#64748b;color:#fff}@media (max-width: 768px){.form-row[data-v-028ecb5c]{grid-template-columns:1fr}}.modal-overlay[data-v-df4e5744]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-df4e5744]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-df4e5744]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-df4e5744]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-df4e5744]{padding:1.5rem}.form-group[data-v-df4e5744]{margin-bottom:1.5rem}.form-group label[data-v-df4e5744]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-df4e5744]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.form-text[data-v-df4e5744]{display:block;margin-top:.5rem;font-size:.875rem;color:#64748b}.modal-actions[data-v-df4e5744]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-df4e5744],.btn-secondary[data-v-df4e5744]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-df4e5744]{background:#f59e0b;color:#fff}.btn-secondary[data-v-df4e5744]{background:#64748b;color:#fff}.modal-overlay[data-v-66043914]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-66043914]{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.modal-large[data-v-66043914]{max-width:900px}.modal-header[data-v-66043914]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-close[data-v-66043914]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer}.modal-body[data-v-66043914]{padding:1.5rem}.form-group[data-v-66043914]{margin-bottom:1.5rem}.form-group label[data-v-66043914]{display:block;margin-bottom:.5rem;font-weight:600;color:#475569}.form-control[data-v-66043914]{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.form-text[data-v-66043914]{display:block;margin-top:.5rem;font-size:.875rem;color:#64748b}.file-list[data-v-66043914]{margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:8px}.file-list ul[data-v-66043914]{margin:.5rem 0 0;padding-left:1.5rem}.modal-actions[data-v-66043914]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary[data-v-66043914],.btn-secondary[data-v-66043914]{padding:.75rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-66043914]{background:#f59e0b;color:#fff}.btn-secondary[data-v-66043914]{background:#64748b;color:#fff}.promosi-dashboard[data-v-4bf11489]{padding:var(--spacing-xl);max-width:1800px;margin:0 auto;background:var(--bg-primary);min-height:100vh;font-family:var(--font-family)}.tab-content[data-v-4bf11489]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}@media (max-width: 768px){.promosi-dashboard[data-v-4bf11489]{padding:1rem}}@media (max-width: 768px){.grid[data-v-e1161bb8]{grid-template-columns:1fr!important}}@media (max-width: 768px){.grid[data-v-c929da4b]{grid-template-columns:1fr!important}}@keyframes fadeIn-418b0b06{0%{opacity:0}to{opacity:1}}@keyframes slideUp-418b0b06{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-cee21d0e{0%{opacity:0}to{opacity:1}}@keyframes slideUp-cee21d0e{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.grid[data-v-408341c1]{grid-template-columns:1fr!important}}@media (max-width: 768px){.grid[data-v-ec59cc9c]{grid-template-columns:1fr!important}}@media (max-width: 768px){.grid[data-v-cb1c1a98]{grid-template-columns:1fr!important}}@keyframes fadeIn-5933b14d{0%{opacity:0}to{opacity:1}}@keyframes slideUp-5933b14d{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-fed93cf4{0%{opacity:0}to{opacity:1}}@keyframes slideUp-fed93cf4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-6e31c0df{0%{opacity:0}to{opacity:1}}@keyframes slideUp-6e31c0df{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-64b06d35{0%{opacity:0}to{opacity:1}}@keyframes slideUp-64b06d35{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-2b841218{0%{opacity:0}to{opacity:1}}@keyframes slideUp-2b841218{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.grid[data-v-2b841218]{grid-template-columns:1fr!important}}.equipment-detail-modal-overlay[data-v-97b220b6]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-97b220b6 .2s ease;padding:20px}.equipment-detail-modal-content[data-v-97b220b6]{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp-97b220b6 .3s ease}.equipment-detail-modal-header[data-v-97b220b6]{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.equipment-detail-modal-title[data-v-97b220b6]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.equipment-detail-modal-close[data-v-97b220b6]{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all .2s}.equipment-detail-modal-close[data-v-97b220b6]:hover{background:#f3f4f6;color:#1f2937}.equipment-detail-modal-body[data-v-97b220b6]{padding:24px;flex:1;overflow-y:auto}.detail-section[data-v-97b220b6]{margin-bottom:24px}.detail-section[data-v-97b220b6]:last-child{margin-bottom:0}.detail-section-title[data-v-97b220b6]{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:12px;display:flex;align-items:center;gap:8px}.detail-section-title i[data-v-97b220b6]{color:#3b82f6}.detail-grid[data-v-97b220b6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-item[data-v-97b220b6]{display:flex;flex-direction:column;gap:4px}.detail-label[data-v-97b220b6]{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value[data-v-97b220b6]{font-size:14px;color:#1f2937}.equipment-list[data-v-97b220b6]{display:flex;flex-direction:column;gap:12px}.equipment-item[data-v-97b220b6]{padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.equipment-item.assigned[data-v-97b220b6]{background:#eff6ff;border-color:#3b82f6}.equipment-item-header[data-v-97b220b6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.equipment-item-name[data-v-97b220b6]{font-weight:600;color:#1f2937}.equipment-item-quantity[data-v-97b220b6],.equipment-item-id[data-v-97b220b6]{font-size:12px;color:#6b7280;background:#fff;padding:4px 8px;border-radius:4px}.equipment-item-details[data-v-97b220b6]{display:flex;flex-direction:column;gap:4px;margin-top:8px}.equipment-item-detail[data-v-97b220b6]{font-size:13px;color:#4b5563}.equipment-item-label[data-v-97b220b6]{font-weight:500;color:#6b7280;margin-right:8px}.equipment-item-notes[data-v-97b220b6]{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb;font-size:13px;color:#4b5563}.notes-content[data-v-97b220b6]{background:#f9fafb;padding:12px;border-radius:8px;border-left:4px solid #3b82f6}.notes-content p[data-v-97b220b6]{margin:0;line-height:1.6;color:#1f2937}.status-badge[data-v-97b220b6]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending[data-v-97b220b6]{background:#fef3c7;color:#92400e}.status-approved[data-v-97b220b6]{background:#d1fae5;color:#065f46}.status-rejected[data-v-97b220b6]{background:#fee2e2;color:#991b1b}.status-returned[data-v-97b220b6],.status-progress[data-v-97b220b6]{background:#dbeafe;color:#1e40af}.equipment-detail-modal-footer[data-v-97b220b6]{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.equipment-detail-modal-btn[data-v-97b220b6]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.equipment-detail-modal-btn-close[data-v-97b220b6]{background:#f3f4f6;color:#374151}.equipment-detail-modal-btn-close[data-v-97b220b6]:hover{background:#e5e7eb}@keyframes fadeIn-97b220b6{0%{opacity:0}to{opacity:1}}@keyframes slideUp-97b220b6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.equipment-detail-modal-content[data-v-97b220b6]{max-height:95vh}.equipment-detail-modal-header[data-v-97b220b6],.equipment-detail-modal-body[data-v-97b220b6],.equipment-detail-modal-footer[data-v-97b220b6]{padding:16px}.detail-grid[data-v-97b220b6]{grid-template-columns:1fr}}.input-modal-overlay[data-v-81a37d0f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-81a37d0f .2s ease}.input-modal-content[data-v-81a37d0f]{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp-81a37d0f .3s ease}.input-modal-header[data-v-81a37d0f]{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.input-modal-title[data-v-81a37d0f]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.input-modal-close[data-v-81a37d0f]{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all .2s}.input-modal-close[data-v-81a37d0f]:hover{background:#f3f4f6;color:#1f2937}.input-modal-body[data-v-81a37d0f]{padding:24px;flex:1;overflow-y:auto}.input-modal-label[data-v-81a37d0f]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.input-modal-description[data-v-81a37d0f]{font-size:14px;color:#6b7280;margin-bottom:16px;line-height:1.5}.input-modal-input[data-v-81a37d0f],.input-modal-textarea[data-v-81a37d0f],.input-modal-select[data-v-81a37d0f]{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;transition:all .2s;font-family:inherit}.input-modal-input[data-v-81a37d0f]:focus,.input-modal-textarea[data-v-81a37d0f]:focus,.input-modal-select[data-v-81a37d0f]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-modal-textarea[data-v-81a37d0f]{resize:vertical;min-height:100px}.input-modal-select[data-v-81a37d0f]{cursor:pointer}.input-modal-footer[data-v-81a37d0f]{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.input-modal-btn[data-v-81a37d0f]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.input-modal-btn[data-v-81a37d0f]:disabled{opacity:.5;cursor:not-allowed}.input-modal-btn-confirm[data-v-81a37d0f]{background:#3b82f6;color:#fff}.input-modal-btn-confirm[data-v-81a37d0f]:hover:not(:disabled){background:#2563eb}.input-modal-btn-cancel[data-v-81a37d0f]{background:#f3f4f6;color:#374151}.input-modal-btn-cancel[data-v-81a37d0f]:hover{background:#e5e7eb}@keyframes fadeIn-81a37d0f{0%{opacity:0}to{opacity:1}}@keyframes slideUp-81a37d0f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.input-modal-content[data-v-81a37d0f]{width:95%;max-height:95vh}.input-modal-header[data-v-81a37d0f]{padding:16px 20px}.input-modal-body[data-v-81a37d0f]{padding:20px}.input-modal-footer[data-v-81a37d0f]{padding:12px 20px;flex-direction:column-reverse}.input-modal-btn[data-v-81a37d0f]{width:100%}}@keyframes fadeIn-f98bbe54{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.min-h-screen[data-v-f98bbe54]{padding:1.5rem}}@media (max-width: 768px){.min-h-screen[data-v-f98bbe54]{padding:1rem}.flex.justify-between[data-v-f98bbe54]{flex-direction:column;align-items:flex-start;gap:1rem}nav.flex[data-v-f98bbe54]{padding:.5rem 1rem;gap:.25rem}.px-4.py-4[data-v-f98bbe54]{padding:.5rem 1rem;font-size:.875rem}.p-8[data-v-f98bbe54]{padding:1.5rem}}@media (max-width: 480px){.text-3xl[data-v-f98bbe54]{font-size:1.5rem}.w-14.h-14[data-v-f98bbe54]{width:3rem;height:3rem;font-size:1.25rem}.text-2xl[data-v-f98bbe54]{font-size:1.25rem}.p-8[data-v-f98bbe54]{padding:1rem}}@media (prefers-reduced-motion: reduce){[data-v-f98bbe54],[data-v-f98bbe54]:before,[data-v-f98bbe54]:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.min-h-screen[data-v-f98bbe54]{padding:0}button.w-11[data-v-f98bbe54],.border-t[data-v-f98bbe54]{display:none}}@media (max-width: 768px){.grid[data-v-08ad71ca]{grid-template-columns:1fr!important}}@media (max-width: 768px){.grid[data-v-552cdbd6]{grid-template-columns:1fr!important}}@media (max-width: 768px){.grid[data-v-4eaf878f]{grid-template-columns:1fr!important}}@keyframes fadeIn-48895680{0%{opacity:0}to{opacity:1}}@keyframes slideUp-48895680{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-75b2a724{0%{opacity:0}to{opacity:1}}@keyframes slideUp-75b2a724{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-8e503f7b{0%{opacity:0}to{opacity:1}}@keyframes slideUp-8e503f7b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-b063a349{0%{opacity:0}to{opacity:1}}@keyframes slideUp-b063a349{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hris-header-content[data-v-d0f5486e]{display:flex;align-items:center;justify-content:space-between}.hris-logo-icon[data-v-d0f5486e]{width:60px;height:60px;border-radius:var(--hris-radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--hris-font-size-2xl);color:#fff}.hris-logo-title[data-v-d0f5486e]{font-size:var(--hris-font-size-2xl);font-weight:var(--hris-font-weight-bold);color:var(--hris-text-primary)}.hris-logo-subtitle[data-v-d0f5486e]{font-size:var(--hris-font-size-sm);color:var(--hris-text-secondary)}.hris-btn[data-v-d0f5486e]{padding:var(--hris-spacing-3) var(--hris-spacing-5);border:none;border-radius:var(--hris-radius-lg);font-weight:var(--hris-font-weight-semibold);cursor:pointer;display:inline-flex;align-items:center;gap:var(--hris-spacing-2);transition:all var(--hris-transition-normal)}.hris-btn-secondary[data-v-d0f5486e]{background:var(--hris-bg-tertiary);color:var(--hris-text-primary);border:1px solid var(--hris-border)}.hris-btn-secondary[data-v-d0f5486e]:hover:not(:disabled){background:var(--hris-bg-quaternary)}.hris-btn-secondary[data-v-d0f5486e]:disabled{opacity:.5;cursor:not-allowed}.hris-stats-grid[data-v-fe48b0ca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--hris-spacing-5)}.tabs-nav[data-v-c9611712]{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius) var(--radius) 0 0;padding:var(--spacing-sm) var(--spacing-md)}.tab-button[data-v-c9611712]{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent;margin-bottom:-2px;min-height:44px}.tab-button[data-v-c9611712]:hover{color:var(--primary-color);background:var(--bg-tertiary)}.tab-button.active[data-v-c9611712]{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.tab-button i[data-v-c9611712]{font-size:var(--font-size-base)}.badge-count[data-v-c9611712]{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-xs);background:var(--primary-color);color:var(--white);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:600;margin-left:var(--spacing-xs)}.proposal-card[data-v-0bfc384e]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--spacing-md);transition:all var(--transition-fast)}.proposal-card[data-v-0bfc384e]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.card-header[data-v-0bfc384e]{margin-bottom:var(--spacing-md)}.card-title-group[data-v-0bfc384e]{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.card-title[data-v-0bfc384e]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;flex:1}.card-body[data-v-0bfc384e]{margin-bottom:var(--spacing-md)}.card-info-grid[data-v-0bfc384e]{display:grid;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.info-item[data-v-0bfc384e]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.info-item i[data-v-0bfc384e]{width:18px;text-align:center;color:var(--text-muted)}.notes[data-v-0bfc384e]{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.rejection-reason[data-v-0bfc384e]{font-size:var(--font-size-sm);color:var(--error-color);padding:var(--spacing-md);background:var(--status-error-bg);border-radius:var(--radius-sm);border-left:3px solid var(--status-error);margin-top:var(--spacing-sm)}.rejection-reason-header[data-v-0bfc384e]{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.rejection-reason-header i[data-v-0bfc384e]{color:var(--status-error)}.rejection-reason p[data-v-0bfc384e]{margin:var(--spacing-xs) 0 0 0;line-height:1.6}.reviewed-by[data-v-0bfc384e]{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid rgba(220,38,38,.2);opacity:.8}.reviewed-by small[data-v-0bfc384e]{font-size:var(--font-size-xs);color:var(--text-secondary)}.info-item.file-uploaded span[data-v-0bfc384e]{color:var(--success-color)}.card-actions[data-v-0bfc384e]{display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.btn-action[data-v-0bfc384e]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);border:1px solid transparent;min-height:44px;flex:1}.btn-help[data-v-0bfc384e]{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.btn-help[data-v-0bfc384e]:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.btn-view[data-v-0bfc384e]{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn-view[data-v-0bfc384e]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.badge[data-v-0bfc384e]{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:600}.badge-danger[data-v-0bfc384e]{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error)}.dashboard-section[data-v-698b8f9d]{background:var(--bg-card);border-radius:var(--radius);padding:var(--spacing-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.section-header[data-v-698b8f9d]{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.section-title[data-v-698b8f9d]{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.section-subtitle[data-v-698b8f9d]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.loading-state[data-v-698b8f9d],.empty-state[data-v-698b8f9d]{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.loading-state i[data-v-698b8f9d]{font-size:var(--font-size-4xl);color:var(--primary-color);animation:spin-698b8f9d 1s linear infinite}@keyframes spin-698b8f9d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state i[data-v-698b8f9d]{font-size:var(--font-size-4xl);color:var(--text-muted);opacity:.5}.empty-state h3[data-v-698b8f9d]{font-size:var(--font-size-xl);color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-sm) 0}.cards-grid[data-v-698b8f9d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.proposal-card[data-v-c2b90a9b]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--spacing-md);transition:all var(--transition-fast)}.proposal-card[data-v-c2b90a9b]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.card-header[data-v-c2b90a9b]{margin-bottom:var(--spacing-md)}.card-title-group[data-v-c2b90a9b]{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.card-title[data-v-c2b90a9b]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;flex:1}.card-body[data-v-c2b90a9b]{margin-bottom:var(--spacing-md)}.card-info-grid[data-v-c2b90a9b]{display:grid;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.info-item[data-v-c2b90a9b]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.info-item i[data-v-c2b90a9b]{width:18px;text-align:center;color:var(--text-muted)}.notes[data-v-c2b90a9b]{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.info-item.file-uploaded span[data-v-c2b90a9b]{color:var(--success-color)}.card-actions[data-v-c2b90a9b]{display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);flex-wrap:wrap}.btn-action[data-v-c2b90a9b]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);border:1px solid transparent;min-height:44px;flex:1;min-width:120px}.btn-success[data-v-c2b90a9b]{background:var(--success-color);color:var(--white);border-color:var(--success-color)}.btn-info[data-v-c2b90a9b]{background:var(--info-color);color:var(--white);border-color:var(--info-color)}.btn-warning[data-v-c2b90a9b]{background:var(--warning-color);color:var(--white);border-color:var(--warning-color)}.btn-primary[data-v-c2b90a9b],.btn-upload[data-v-c2b90a9b]{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.btn-view[data-v-c2b90a9b]{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn-action[data-v-c2b90a9b]:hover:not(:disabled){opacity:.9}.btn-action[data-v-c2b90a9b]:disabled{opacity:.5;cursor:not-allowed}.badge[data-v-c2b90a9b]{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:600}.badge-secondary[data-v-c2b90a9b]{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-warning[data-v-c2b90a9b]{background:var(--status-warning-bg);color:var(--status-warning-text);border:1px solid var(--status-warning)}.badge-info[data-v-c2b90a9b]{background:var(--status-info-bg);color:var(--status-info-text);border:1px solid var(--status-info)}.badge-primary[data-v-c2b90a9b]{background:var(--status-primary-bg);color:var(--status-primary-text);border:1px solid var(--status-primary)}.badge-success[data-v-c2b90a9b]{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid var(--status-success)}.tab-pane[data-v-eec3490f]{min-height:200px}.section-header[data-v-eec3490f]{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.section-title[data-v-eec3490f]{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.section-subtitle[data-v-eec3490f]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.loading-state[data-v-eec3490f],.empty-state[data-v-eec3490f]{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.loading-state i[data-v-eec3490f]{font-size:var(--font-size-4xl);color:var(--primary-color);animation:spin-eec3490f 1s linear infinite}@keyframes spin-eec3490f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state i[data-v-eec3490f]{font-size:var(--font-size-4xl);color:var(--text-muted);opacity:.5}.empty-state h3[data-v-eec3490f]{font-size:var(--font-size-xl);color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-sm) 0}.cards-grid[data-v-eec3490f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.proposal-card[data-v-91fe2ff3]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--spacing-md);transition:all var(--transition-fast)}.proposal-card[data-v-91fe2ff3]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.card-header[data-v-91fe2ff3]{margin-bottom:var(--spacing-md)}.card-title-group[data-v-91fe2ff3]{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.card-title[data-v-91fe2ff3]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;flex:1}.card-body[data-v-91fe2ff3]{margin-bottom:var(--spacing-md)}.card-info-grid[data-v-91fe2ff3]{display:grid;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.info-item[data-v-91fe2ff3]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.info-item i[data-v-91fe2ff3]{width:18px;text-align:center;color:var(--text-muted)}.notes[data-v-91fe2ff3]{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.info-item.file-uploaded span[data-v-91fe2ff3]{color:var(--success-color)}.card-actions[data-v-91fe2ff3]{display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);flex-wrap:wrap}.btn-action[data-v-91fe2ff3]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);border:1px solid transparent;min-height:44px;flex:1;min-width:120px}.btn-accept[data-v-91fe2ff3]{background:var(--success-color);color:var(--white);border-color:var(--success-color)}.btn-upload[data-v-91fe2ff3]{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.btn-submit[data-v-91fe2ff3]{background:var(--info-color);color:var(--white);border-color:var(--info-color)}.btn-view[data-v-91fe2ff3]{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn-action[data-v-91fe2ff3]:hover:not(:disabled){opacity:.9}.badge[data-v-91fe2ff3]{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:600}.badge-secondary[data-v-91fe2ff3]{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-warning[data-v-91fe2ff3]{background:var(--status-warning-bg);color:var(--status-warning-text);border:1px solid var(--status-warning)}.badge-info[data-v-91fe2ff3]{background:var(--status-info-bg);color:var(--status-info-text);border:1px solid var(--status-info)}.badge-primary[data-v-91fe2ff3]{background:var(--status-primary-bg);color:var(--status-primary-text);border:1px solid var(--status-primary)}.badge-success[data-v-91fe2ff3]{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid var(--status-success)}.badge-danger[data-v-91fe2ff3]{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error)}.tab-pane[data-v-85c70a74]{min-height:200px}.section-header[data-v-85c70a74]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);gap:var(--spacing-md)}.section-title[data-v-85c70a74]{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.section-subtitle[data-v-85c70a74]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.btn-primary[data-v-85c70a74]{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-height:44px;border:1px solid transparent;background:var(--primary-color);color:var(--white)}.loading-state[data-v-85c70a74],.empty-state[data-v-85c70a74]{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.loading-state i[data-v-85c70a74]{font-size:var(--font-size-4xl);color:var(--primary-color);animation:spin-85c70a74 1s linear infinite}@keyframes spin-85c70a74{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state i[data-v-85c70a74]{font-size:var(--font-size-4xl);color:var(--text-muted);opacity:.5}.empty-state h3[data-v-85c70a74]{font-size:var(--font-size-xl);color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-sm) 0}.cards-grid[data-v-85c70a74]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.pagination-section[data-v-85c70a74]{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.pagination[data-v-85c70a74]{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.pagination-btn[data-v-85c70a74]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);min-height:44px}.pagination-btn[data-v-85c70a74]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn[data-v-85c70a74]:disabled{opacity:.5;cursor:not-allowed}.pagination-pages[data-v-85c70a74]{display:flex;gap:var(--spacing-xs);align-items:center}.pagination-page[data-v-85c70a74]{min-width:44px;height:44px;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.pagination-page[data-v-85c70a74]:hover:not(:disabled):not(.active){background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.pagination-page.active[data-v-85c70a74]{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.pagination-page[data-v-85c70a74]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-85c70a74]{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.modal-overlay[data-v-84719654]{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-lg)}.modal-content[data-v-84719654]{background:var(--bg-card);border-radius:var(--radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header[data-v-84719654]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-84719654]{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.modal-close[data-v-84719654]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-lg);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.modal-close[data-v-84719654]:hover{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}.modal-body[data-v-84719654]{padding:var(--spacing-lg)}.form-group[data-v-84719654]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-84719654]{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.form-group .required[data-v-84719654]{color:var(--error-color)}.form-control[data-v-84719654]{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-card);min-height:44px}.form-control[data-v-84719654]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-control[data-v-84719654]:disabled{background:var(--bg-tertiary);opacity:.7}.form-text[data-v-84719654]{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.rejection-reason[data-v-84719654]{font-size:var(--font-size-sm);color:var(--error-color);padding:var(--spacing-md);background:var(--status-error-bg);border-radius:var(--radius-sm);border-left:3px solid var(--status-error)}.rejection-reason p[data-v-84719654]{margin:0;line-height:1.6}.file-info[data-v-84719654]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.file-info i[data-v-84719654]{color:var(--primary-color)}.modal-actions[data-v-84719654]{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn-primary[data-v-84719654],.btn-secondary[data-v-84719654]{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-height:44px;border:1px solid transparent}.btn-primary[data-v-84719654]{background:var(--primary-color);color:var(--white)}.btn-primary[data-v-84719654]:hover:not(:disabled){background:var(--primary-dark)}.btn-primary[data-v-84719654]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-84719654]{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary[data-v-84719654]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.modal-overlay[data-v-c9279a65]{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-lg)}.modal-content[data-v-c9279a65]{background:var(--bg-card);border-radius:var(--radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header[data-v-c9279a65]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-c9279a65]{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.modal-close[data-v-c9279a65]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-lg);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.modal-close[data-v-c9279a65]:hover{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}.modal-body[data-v-c9279a65]{padding:var(--spacing-lg)}.form-group[data-v-c9279a65]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-c9279a65]{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.form-group .required[data-v-c9279a65]{color:var(--error-color)}.form-control[data-v-c9279a65]{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-card);min-height:44px}.form-control[data-v-c9279a65]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-control[data-v-c9279a65]:disabled{background:var(--bg-tertiary);opacity:.7}.form-text[data-v-c9279a65]{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.file-info[data-v-c9279a65]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.file-info i[data-v-c9279a65]{color:var(--primary-color)}.modal-actions[data-v-c9279a65]{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn-primary[data-v-c9279a65],.btn-secondary[data-v-c9279a65]{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-height:44px;border:1px solid transparent}.btn-primary[data-v-c9279a65]{background:var(--primary-color);color:var(--white)}.btn-primary[data-v-c9279a65]:hover:not(:disabled){background:var(--primary-dark)}.btn-primary[data-v-c9279a65]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-c9279a65]{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary[data-v-c9279a65]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.modal-overlay[data-v-3c5e2eb0]{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-lg)}.modal-content[data-v-3c5e2eb0]{background:var(--bg-card);border-radius:var(--radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header[data-v-3c5e2eb0]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-3c5e2eb0]{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.modal-close[data-v-3c5e2eb0]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-lg);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.modal-close[data-v-3c5e2eb0]:hover{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}.modal-body[data-v-3c5e2eb0]{padding:var(--spacing-lg)}.form-group[data-v-3c5e2eb0]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-3c5e2eb0]{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.form-group .required[data-v-3c5e2eb0]{color:var(--error-color)}.form-control[data-v-3c5e2eb0]{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-card);min-height:44px}.form-control[data-v-3c5e2eb0]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-text[data-v-3c5e2eb0]{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.file-info[data-v-3c5e2eb0]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.file-info i[data-v-3c5e2eb0]{color:var(--primary-color)}.modal-actions[data-v-3c5e2eb0]{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn-primary[data-v-3c5e2eb0],.btn-secondary[data-v-3c5e2eb0]{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-height:44px;border:1px solid transparent}.btn-primary[data-v-3c5e2eb0]{background:var(--primary-color);color:var(--white)}.btn-primary[data-v-3c5e2eb0]:hover:not(:disabled){background:var(--primary-dark)}.btn-primary[data-v-3c5e2eb0]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-3c5e2eb0]{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary[data-v-3c5e2eb0]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.modal-overlay[data-v-d3916b45]{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-lg)}.modal-content[data-v-d3916b45]{background:var(--bg-card);border-radius:var(--radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header[data-v-d3916b45]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-d3916b45]{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.modal-close[data-v-d3916b45]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-lg);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.modal-close[data-v-d3916b45]:hover{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}.modal-body[data-v-d3916b45]{padding:var(--spacing-lg)}.form-group[data-v-d3916b45]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-d3916b45]{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.form-group .required[data-v-d3916b45]{color:var(--error-color)}.form-control[data-v-d3916b45]{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-card);min-height:44px}.form-control[data-v-d3916b45]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-control[data-v-d3916b45]:disabled{background:var(--bg-tertiary);opacity:.7}.form-text[data-v-d3916b45]{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.file-info[data-v-d3916b45]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.file-info i[data-v-d3916b45]{color:var(--primary-color)}.modal-actions[data-v-d3916b45]{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn-primary[data-v-d3916b45],.btn-secondary[data-v-d3916b45]{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-height:44px;border:1px solid transparent}.btn-primary[data-v-d3916b45]{background:var(--primary-color);color:var(--white)}.btn-primary[data-v-d3916b45]:hover:not(:disabled){background:var(--primary-dark)}.btn-primary[data-v-d3916b45]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-d3916b45]{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary[data-v-d3916b45]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.modal-overlay[data-v-8da08913]{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-lg)}.modal-content[data-v-8da08913]{background:var(--bg-card);border-radius:var(--radius);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header[data-v-8da08913]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-8da08913]{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.modal-close[data-v-8da08913]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-lg);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.modal-close[data-v-8da08913]:hover{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}.modal-body[data-v-8da08913]{padding:var(--spacing-lg)}.info-box[data-v-8da08913]{margin-bottom:1.5rem;padding:1rem;background:#f3f4f6;border-radius:8px}.form-group[data-v-8da08913]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-8da08913]{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.form-group .required[data-v-8da08913]{color:var(--error-color)}.equipment-items-list[data-v-8da08913]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.equipment-item-row[data-v-8da08913]{display:grid;grid-template-columns:2fr 80px 150px 1fr auto;gap:var(--spacing-sm);align-items:center}.form-control[data-v-8da08913]{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-card);min-height:44px}.form-control[data-v-8da08913]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.quantity-input[data-v-8da08913]{text-align:center}.btn-danger[data-v-8da08913],.btn-secondary[data-v-8da08913],.btn-sm[data-v-8da08913]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);min-height:44px;border:1px solid transparent}.btn-danger[data-v-8da08913]{background:var(--error-color);color:var(--white)}.btn-danger[data-v-8da08913]:hover:not(:disabled){background:var(--error-dark)}.btn-danger[data-v-8da08913]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-8da08913]{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary[data-v-8da08913]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.btn-sm[data-v-8da08913]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn-xs[data-v-8da08913]{padding:var(--spacing-xs);min-width:36px;min-height:36px;font-size:var(--font-size-xs)}.modal-actions[data-v-8da08913]{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn-primary[data-v-8da08913]{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-height:44px;border:1px solid transparent;background:var(--primary-color);color:var(--white)}.btn-primary[data-v-8da08913]:hover:not(:disabled){background:var(--primary-dark)}.btn-primary[data-v-8da08913]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-20750d26]{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-lg)}.modal-content[data-v-20750d26]{background:var(--bg-card);border-radius:var(--radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header[data-v-20750d26]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-20750d26]{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.modal-close[data-v-20750d26]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-lg);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.modal-close[data-v-20750d26]:hover{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}.modal-body[data-v-20750d26]{padding:var(--spacing-lg)}.info-box[data-v-20750d26]{margin-bottom:1.5rem;padding:1rem;background:#f3f4f6;border-radius:8px}.form-group[data-v-20750d26]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-20750d26]{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.form-control[data-v-20750d26]{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-card);min-height:44px}.form-control[data-v-20750d26]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-text[data-v-20750d26]{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.file-info[data-v-20750d26]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.file-info i[data-v-20750d26]{color:var(--primary-color)}.modal-actions[data-v-20750d26]{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn-primary[data-v-20750d26],.btn-secondary[data-v-20750d26]{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-height:44px;border:1px solid transparent}.btn-primary[data-v-20750d26]{background:var(--primary-color);color:var(--white)}.btn-primary[data-v-20750d26]:hover:not(:disabled){background:var(--primary-dark)}.btn-primary[data-v-20750d26]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-20750d26]{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary[data-v-20750d26]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.hris-container[data-v-f0718d7b]{padding:var(--hris-spacing-xl);max-width:1800px;margin:0 auto;background:var(--hris-bg-primary);min-height:100vh;font-family:var(--hris-font-family)}.tab-content[data-v-f0718d7b]{background:var(--bg-card);border-radius:0 var(--radius) var(--radius) var(--radius);border:1px solid var(--border-color);padding:var(--spacing-lg)}@media (max-width: 768px){.hris-container[data-v-f0718d7b]{padding:1rem}}.music-workflow-app[data-v-73a3cac8]{min-height:calc(100vh - 60px);background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-content[data-v-73a3cac8]{padding:0;width:100%}.dashboard-header[data-v-73a3cac8]{text-align:center;margin-bottom:3rem}.dashboard-title[data-v-73a3cac8]{font-size:2.5rem;font-weight:700;color:#1e293b;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem;line-height:1.2}.dashboard-title i[data-v-73a3cac8]{color:#3b82f6;font-size:2.25rem}.error-dashboard[data-v-73a3cac8]{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.error-content[data-v-73a3cac8]{text-align:center;max-width:500px}.error-icon[data-v-73a3cac8]{font-size:4rem;color:#ef4444;margin-bottom:1.5rem}.error-content h2[data-v-73a3cac8]{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.error-content p[data-v-73a3cac8]{font-size:1rem;color:#64748b;margin-bottom:1rem;line-height:1.6}.error-content .help-text[data-v-73a3cac8]{font-size:.875rem;color:#94a3b8;margin-bottom:2rem}.btn-back[data-v-73a3cac8]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back[data-v-73a3cac8]:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.modal-overlay[data-v-73a3cac8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-73a3cac8]{background:#fff;border-radius:12px;box-shadow:0 20px 25px #0000001a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-73a3cac8]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-73a3cac8]{font-size:1.25rem;font-weight:600;color:#1f2937}.modal-close[data-v-73a3cac8]{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease}.modal-close[data-v-73a3cac8]:hover{background:#f3f4f6;color:#374151}.modal-body[data-v-73a3cac8]{padding:1.5rem}.notifications-list[data-v-73a3cac8]{display:flex;flex-direction:column;gap:1rem}.notification-item[data-v-73a3cac8]{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.notification-item[data-v-73a3cac8]:hover{background:#f9fafb}.notification-icon[data-v-73a3cac8]{width:2rem;height:2rem;background:#dbeafe;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.notification-content h4[data-v-73a3cac8]{font-weight:600;color:#1f2937;margin-bottom:.25rem}.notification-content p[data-v-73a3cac8]{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.notification-time[data-v-73a3cac8]{font-size:.75rem;color:#9ca3af}.profile-info[data-v-73a3cac8]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.profile-avatar[data-v-73a3cac8]{width:4rem;height:4rem;background:#dbeafe;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#3b82f6}.profile-details h3[data-v-73a3cac8]{font-weight:600;color:#1f2937;margin-bottom:.25rem}.profile-details p[data-v-73a3cac8]{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.role-badge[data-v-73a3cac8]{display:inline-block;padding:.25rem .75rem;background:#dbeafe;color:#3b82f6;font-size:.75rem;font-weight:500;border-radius:9999px}.profile-actions[data-v-73a3cac8]{display:flex;justify-content:flex-end}.btn-danger[data-v-73a3cac8]{background:#dc2626;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-danger[data-v-73a3cac8]:hover{background:#b91c1c}.coming-soon[data-v-73a3cac8]{text-align:center;padding:4rem 2rem}.coming-soon h2[data-v-73a3cac8]{font-size:2rem;font-weight:700;color:#6b7280;margin-bottom:1rem}.coming-soon p[data-v-73a3cac8]{color:#9ca3af;font-size:1.125rem}@media (max-width: 768px){.main-content[data-v-73a3cac8]{padding:1rem}.dashboard-title[data-v-73a3cac8]{font-size:2rem;flex-direction:column;gap:.5rem}.modal-content[data-v-73a3cac8]{margin:1rem;max-height:calc(100vh - 2rem)}}@media (max-width: 480px){.dashboard-title[data-v-73a3cac8]{font-size:1.75rem}.error-content h2[data-v-73a3cac8]{font-size:1.5rem}.error-icon[data-v-73a3cac8]{font-size:3rem}}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-700:oklch(52.5% .223 3.958);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-2{top:calc(var(--spacing)*-2)}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.top-24{top:calc(var(--spacing)*24)}.top-full{top:100%}.-right-2{right:calc(var(--spacing)*-2)}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.me-1{margin-inline-end:calc(var(--spacing)*1)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-2\.5{margin-right:calc(var(--spacing)*2.5)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-2\.5{margin-left:calc(var(--spacing)*2.5)}.ml-4{margin-left:calc(var(--spacing)*4)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-\[60px\]{height:60px}.h-\[200px\]{height:200px}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.min-h-\[44px\]{min-height:44px}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-\[18px\]{width:18px}.w-\[60px\]{width:60px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[500px\]{max-width:500px}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[1800px\]{max-width:1800px}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[20px\]{min-width:20px}.min-w-\[24px\]{min-width:24px}.min-w-\[44px\]{min-width:44px}.min-w-\[80px\]{min-width:80px}.min-w-\[100px\]{min-width:100px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[180px\]{min-width:180px}.min-w-\[300px\]{min-width:300px}.min-w-fit{min-width:fit-content}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\[fadeIn_0\.2s_ease\]{animation:.2s fadeIn}.animate-\[fadeIn_0\.3s_ease\]{animation:.3s fadeIn}.animate-\[slideUp_0\.2s_ease\]{animation:.2s slideUp}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(320px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(400px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(200px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(240px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(250px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-0>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-l-3{border-left-style:var(--tw-border-style);border-left-width:3px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-amber-500{border-color:var(--color-amber-500)}.border-black{border-color:var(--color-black)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/30{border-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.border-blue-600{border-color:var(--color-blue-600)}.border-cyan-600{border-color:var(--color-cyan-600)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-green-200{border-color:var(--color-green-200)}.border-green-500{border-color:var(--color-green-500)}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500)30%,transparent)}}.border-green-600{border-color:var(--color-green-600)}.border-orange-500\/30{border-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/30{border-color:color-mix(in oklab,var(--color-orange-500)30%,transparent)}}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-500\/30{border-color:#ac4bff4d}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/30{border-color:color-mix(in oklab,var(--color-purple-500)30%,transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-red-600{border-color:var(--color-red-600)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-teal-500\/30{border-color:#00baa74d}@supports (color:color-mix(in lab,red,red)){.border-teal-500\/30{border-color:color-mix(in oklab,var(--color-teal-500)30%,transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-600{border-color:var(--color-yellow-600)}.border-t-black{border-top-color:var(--color-black)}.border-t-blue-500{border-top-color:var(--color-blue-500)}.border-t-gray-900{border-top-color:var(--color-gray-900)}.border-t-green-600{border-top-color:var(--color-green-600)}.border-t-purple-600{border-top-color:var(--color-purple-600)}.border-t-red-600{border-top-color:var(--color-red-600)}.border-b-cyan-500{border-bottom-color:var(--color-cyan-500)}.border-b-emerald-500{border-bottom-color:var(--color-emerald-500)}.border-b-pink-500{border-bottom-color:var(--color-pink-500)}.border-b-transparent{border-bottom-color:#0000}.border-l-amber-500{border-left-color:var(--color-amber-500)}.border-l-blue-500{border-left-color:var(--color-blue-500)}.border-l-emerald-500{border-left-color:var(--color-emerald-500)}.border-l-red-500{border-left-color:var(--color-red-500)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/20{background-color:#155dfc33}@supports (color:color-mix(in lab,red,red)){.bg-blue-600\/20{background-color:color-mix(in oklab,var(--color-blue-600)20%,transparent)}}.bg-blue-700{background-color:var(--color-blue-700)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-600\/20{background-color:#00a54433}@supports (color:color-mix(in lab,red,red)){.bg-green-600\/20{background-color:color-mix(in oklab,var(--color-green-600)20%,transparent)}}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-orange-600\/20{background-color:#f0510033}@supports (color:color-mix(in lab,red,red)){.bg-orange-600\/20{background-color:color-mix(in oklab,var(--color-orange-600)20%,transparent)}}.bg-pink-500{background-color:var(--color-pink-500)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-600\/20{background-color:#9810fa33}@supports (color:color-mix(in lab,red,red)){.bg-purple-600\/20{background-color:color-mix(in oklab,var(--color-purple-600)20%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-500{background-color:var(--color-slate-500)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-teal-600{background-color:var(--color-teal-600)}.bg-teal-600\/20{background-color:#00958833}@supports (color:color-mix(in lab,red,red)){.bg-teal-600\/20{background-color:color-mix(in oklab,var(--color-teal-600)20%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-cyan-500{--tw-gradient-from:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-50{--tw-gradient-from:var(--color-green-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-100{--tw-gradient-from:var(--color-green-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-600{--tw-gradient-from:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-pink-500{--tw-gradient-from:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-50{--tw-gradient-from:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-50{--tw-gradient-from:var(--color-red-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-100{--tw-gradient-from:var(--color-red-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-600{--tw-gradient-from:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-amber-600{--tw-gradient-to:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-cyan-600{--tw-gradient-to:var(--color-cyan-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-50{--tw-gradient-to:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-100{--tw-gradient-to:var(--color-emerald-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-600{--tw-gradient-to:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-700{--tw-gradient-to:var(--color-emerald-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-50{--tw-gradient-to:var(--color-orange-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-100{--tw-gradient-to:var(--color-orange-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-700{--tw-gradient-to:var(--color-orange-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-rose-50{--tw-gradient-to:var(--color-rose-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-rose-100{--tw-gradient-to:var(--color-rose-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-rose-500{--tw-gradient-to:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-rose-700{--tw-gradient-to:var(--color-rose-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-12{padding:calc(var(--spacing)*12)}.p-16{padding:calc(var(--spacing)*16)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.py-24{padding-block:calc(var(--spacing)*24)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-black{color:var(--color-black)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-cyan-500{color:var(--color-cyan-500)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-green-100{color:var(--color-green-100)}.text-green-400{color:var(--color-green-400)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-indigo-500{color:var(--color-indigo-500)}.text-orange-400{color:var(--color-orange-400)}.text-orange-500{color:var(--color-orange-500)}.text-pink-500{color:var(--color-pink-500)}.text-purple-400{color:var(--color-purple-400)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-800{color:var(--color-purple-800)}.text-red-100{color:var(--color-red-100)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-teal-400{color:var(--color-teal-400)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-900{color:var(--color-yellow-900)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-blue-200{--tw-ring-color:var(--color-blue-200)}.ring-red-500\/10{--tw-ring-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.ring-red-500\/10{--tw-ring-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing)*0)}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-1:before{content:var(--tw-content);width:calc(var(--spacing)*1)}.before\:bg-amber-500:before{content:var(--tw-content);background-color:var(--color-amber-500)}.before\:bg-blue-500:before{content:var(--tw-content);background-color:var(--color-blue-500)}.before\:bg-current:before{content:var(--tw-content);background-color:currentColor}.before\:bg-cyan-500:before{content:var(--tw-content);background-color:var(--color-cyan-500)}.before\:bg-emerald-500:before{content:var(--tw-content);background-color:var(--color-emerald-500)}.before\:opacity-80:before{content:var(--tw-content);opacity:.8}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing)*0)}.after\:-bottom-0\.5:after{content:var(--tw-content);bottom:calc(var(--spacing)*-.5)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.after\:h-0\.5:after{content:var(--tw-content);height:calc(var(--spacing)*.5)}.after\:rounded-t:after{content:var(--tw-content);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.after\:bg-blue-500:after{content:var(--tw-content);background-color:var(--color-blue-500)}.after\:content-\[\\\'\\\'\]:after{--tw-content:\'\';content:var(--tw-content)}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing)*0)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:rotate-90:hover{rotate:90deg}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-blue-600:hover{border-color:var(--color-blue-600)}.hover\:border-emerald-600:hover{border-color:var(--color-emerald-600)}.hover\:border-gray-700:hover{border-color:var(--color-gray-700)}.hover\:border-pink-500:hover{border-color:var(--color-pink-500)}.hover\:border-red-500:hover{border-color:var(--color-red-500)}.hover\:border-red-600:hover{border-color:var(--color-red-600)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:border-slate-400:hover{border-color:var(--color-slate-400)}.hover\:bg-amber-700:hover{background-color:var(--color-amber-700)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-cyan-700:hover{background-color:var(--color-cyan-700)}.hover\:bg-emerald-600:hover{background-color:var(--color-emerald-600)}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-orange-700:hover{background-color:var(--color-orange-700)}.hover\:bg-pink-50:hover{background-color:var(--color-pink-50)}.hover\:bg-pink-700:hover{background-color:var(--color-pink-700)}.hover\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-600:hover{background-color:var(--color-slate-600)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\:bg-yellow-600:hover{background-color:var(--color-yellow-600)}.hover\:bg-yellow-700:hover{background-color:var(--color-yellow-700)}.hover\:text-blue-300:hover{color:var(--color-blue-300)}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-cyan-500:hover{color:var(--color-cyan-500)}.hover\:text-emerald-500:hover{color:var(--color-emerald-500)}.hover\:text-pink-500:hover{color:var(--color-pink-500)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-black:focus{border-color:var(--color-black)}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-cyan-500:focus{border-color:var(--color-cyan-500)}.focus\:border-emerald-500:focus{border-color:var(--color-emerald-500)}.focus\:border-orange-500:focus{border-color:var(--color-orange-500)}.focus\:border-pink-500:focus{border-color:var(--color-pink-500)}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-blue-500\/10:focus{--tw-ring-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.focus\:ring-blue-500\/10:focus{--tw-ring-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.focus\:ring-cyan-500:focus{--tw-ring-color:var(--color-cyan-500)}.focus\:ring-cyan-500\/10:focus{--tw-ring-color:#00b7d71a}@supports (color:color-mix(in lab,red,red)){.focus\:ring-cyan-500\/10:focus{--tw-ring-color:color-mix(in oklab,var(--color-cyan-500)10%,transparent)}}.focus\:ring-emerald-500\/10:focus{--tw-ring-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.focus\:ring-emerald-500\/10:focus{--tw-ring-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent)}}.focus\:ring-gray-500:focus{--tw-ring-color:var(--color-gray-500)}.focus\:ring-green-500:focus{--tw-ring-color:var(--color-green-500)}.focus\:ring-orange-500\/10:focus{--tw-ring-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.focus\:ring-orange-500\/10:focus{--tw-ring-color:color-mix(in oklab,var(--color-orange-500)10%,transparent)}}.focus\:ring-pink-500\/10:focus{--tw-ring-color:#f6339a1a}@supports (color:color-mix(in lab,red,red)){.focus\:ring-pink-500\/10:focus{--tw-ring-color:color-mix(in oklab,var(--color-pink-500)10%,transparent)}}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-red-500\/10:focus{--tw-ring-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.focus\:ring-red-500\/10:focus{--tw-ring-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-blue-500:focus-visible{outline-color:var(--color-blue-500)}.focus-visible\:outline-cyan-500:focus-visible{outline-color:var(--color-cyan-500)}.focus-visible\:outline-emerald-500:focus-visible{outline-color:var(--color-emerald-500)}.focus-visible\:outline-orange-500:focus-visible{outline-color:var(--color-orange-500)}.focus-visible\:outline-pink-500:focus-visible{outline-color:var(--color-pink-500)}.focus-visible\:outline-red-500:focus-visible{outline-color:var(--color-red-500)}.focus-visible\:outline-slate-500:focus-visible{outline-color:var(--color-slate-500)}.disabled\:transform-none:disabled{transform:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-50:disabled{background-color:var(--color-slate-50)}.disabled\:bg-slate-100:disabled{background-color:var(--color-slate-100)}.disabled\:bg-slate-400:disabled{background-color:var(--color-slate-400)}.disabled\:text-slate-500:disabled{color:var(--color-slate-500)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-70:disabled{opacity:.7}@media (min-width:40rem){.sm\:mx-0{margin-inline:calc(var(--spacing)*0)}.sm\:inline{display:inline}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}}@media (min-width:64rem){.lg\:flex{display:flex}.lg\:inline{display:inline}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:px-10{padding-inline:calc(var(--spacing)*10)}}}:root{--color-primary:#3b82f6;--color-primary-dark:#1d4ed8;--color-primary-light:#dbeafe;--color-secondary:#8b5cf6;--color-secondary-dark:#7c3aed;--color-success:#10b981;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-danger:#dc2626;--color-danger-dark:#b91c1c;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--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;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}body{font-family:var(--font-family);color:var(--color-gray-800);background-color:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);margin:0;font-weight:600;line-height:1.2}p{color:var(--color-gray-600);margin:0}.grid{gap:var(--spacing-md);display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all var(--transition-normal);background:#fff}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.card-content{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px #3b82f64d}.btn-secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-200)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-primary-light)}.btn-danger{background:linear-gradient(135deg,var(--color-danger)0%,var(--color-danger-dark)100%);color:#fff}.form-label{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-normal)}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-select{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;background:#fff}.badge{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs);border-radius:9999px;align-items:center;font-weight:500;display:inline-flex}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{color:var(--color-success);background:#d1fae5}.badge-warning{color:var(--color-warning);background:#fef3c7}.badge-danger{color:var(--color-danger);background:#fee2e2}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-600)}.loading{border:2px solid var(--color-gray-300);border-top-color:var(--color-primary);border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin;display:inline-block}.skeleton{background:linear-gradient(90deg,var(--color-gray-200)25%,var(--color-gray-100)50%,var(--color-gray-200)75%);background-size:200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.container{padding:0 var(--spacing-sm)}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem}.container{padding:0 var(--spacing-sm)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.card-header,.card-content,.card-footer{padding:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (max-width:480px){.btn{justify-content:center;width:100%}.flex{flex-direction:column}.justify-between{justify-content:flex-start}}.will-change-transform{will-change:transform}.gpu-accelerated{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@media print{.no-print{display:none!important}.card{box-shadow:none;border:1px solid var(--color-gray-300)}}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}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);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}: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:#fff;--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 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-xl:0 25px 50px -12px #00000040;--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}*{box-sizing:border-box;margin:0;padding:0}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,color .3s}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;line-height:1.25}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;padding:0 var(--spacing-lg);margin:0 auto}.page-container{background-color:var(--bg-primary);min-height:100vh;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);z-index:100;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.logo-section{align-items:center;gap:var(--spacing-md);display:flex}.logo{border-radius:var(--radius);object-fit:cover;width:48px;height:48px;box-shadow:var(--shadow-sm)}.title-section h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs);color:#fff;font-weight:700}.title-section p{font-size:var(--font-size-sm);opacity:.9;color:#ffffffe6;margin-bottom:0}.user-section{align-items:center;gap:var(--spacing-md);display:flex}.welcome-text{color:#ffffffe6;font-weight:500}.user-avatar{width:40px;height:40px;font-weight:600;font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border-radius:50%;justify-content:center;align-items:center;display:flex}.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}.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;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--primary-color);width:4px;height:100%;position:absolute;top:0;left:0}.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{border-radius:var(--radius-md);width:48px;height:48px;font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--primary-color);background:#3b82f61a;justify-content:center;align-items:center;display:flex}.stat-card.primary .stat-icon{color:var(--primary-color);background:#3b82f61a}.stat-card.success .stat-icon{color:var(--success-color);background:#10b9811a}.stat-card.warning .stat-icon{color:var(--warning-color);background:#f59e0b1a}.stat-card.info .stat-icon{color:var(--info-color);background:#06b6d41a}.stat-content h3{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:700}.stat-content p{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:0}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;border:none;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.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{border-radius:var(--radius);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex;position:relative}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-icon.view-btn:hover{color:var(--primary-color);border-color:var(--primary-color);background:#3b82f61a}.btn-icon.edit-btn:hover{color:var(--warning-color);border-color:var(--warning-color);background:#f59e0b1a}.btn-icon.delete-btn:hover{color:var(--error-color);border-color:var(--error-color);background:#ef44441a}.form-group{margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-weight:500;display:block}.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}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);outline:none;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);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.modern-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.modern-table th{background:var(--bg-tertiary);padding:var(--spacing-md)var(--spacing-lg);text-align:left;color:var(--text-primary);border-bottom:1px solid var(--border-color);font-weight:600;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{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.dashboard-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.search-controls{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.search-box{flex:1;min-width:250px;position:relative}.search-box i{left:var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-sm);position:absolute;top:50%;transform:translateY(-50%)}.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}.search-input:focus{border-color:var(--border-focus);outline:none;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{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding:var(--spacing-lg);display:flex}.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;font-size:var(--font-size-sm);transition:all .2s}.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{margin-bottom:var(--spacing-lg);opacity:.5;font-size:3rem}.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{padding:var(--spacing-2xl);justify-content:center;align-items:center;display:flex}.loading-spinner{text-align:center}.spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);width:40px;height:40px;margin:0 auto var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}.notification{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;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;animation:.3s slideInFromRight;display:flex;position:fixed}.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%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.page-container,.header{padding:var(--spacing-md)}.header-content{gap:var(--spacing-md);text-align:center;flex-direction:column}.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{justify-content:center;width:100%}.pagination{flex-wrap:wrap}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}*:focus-visible{outline:3px solid #0066cc;outline-offset:2px;border-radius:2px}.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:12px 24px;text-decoration:none;z-index:10000;border-radius:0 0 4px;font-weight:600;font-size:14px;transition:top .2s ease}.skip-link:focus{top:0;outline:3px solid #fff;outline-offset:-3px}button:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-success:focus-visible,.btn-danger:focus-visible,.btn-info:focus-visible{outline:3px solid #0066cc;outline-offset:2px;box-shadow:0 0 0 2px #06c3}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #0066cc;outline-offset:2px;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}a:focus-visible{outline:3px solid #0066cc;outline-offset:2px;text-decoration:underline}.modal-overlay[aria-modal=true]:focus{outline:none}.modal-content:focus{outline:none}@media (prefers-contrast: high){*{border-width:2px!important}button,.btn-primary,.btn-secondary{border:2px solid currentColor}.card,.stat-card{border:2px solid #000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.skeleton-loader.animate:after{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.text-primary{color:#1e40af}.text-secondary{color:#475569}.text-muted{color:#64748b}.badge{font-weight:600;padding:4px 12px;border-radius:4px}.badge-success{background-color:#d1fae5;color:#065f46}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-info{background-color:#dbeafe;color:#1e40af}.badge-secondary{background-color:#f3f4f6;color:#374151}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-secondary{background-color:#64748b;color:#fff}.btn-success{background-color:#059669;color:#fff}.btn-danger{background-color:#dc2626;color:#fff}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#475569}.loading-state i{color:#6366f1}.loading-state[aria-busy=true]{position:relative}.loading-state[aria-busy=true]:after{content:"Memuat...";position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.error-message{background-color:#fee2e2;border-left:4px solid #dc2626;color:#991b1b;padding:12px 16px;border-radius:4px;font-weight:500}.error-message:focus{outline:3px solid #dc2626;outline-offset:2px}.success-message{background-color:#d1fae5;border-left:4px solid #059669;color:#065f46;padding:12px 16px;border-radius:4px;font-weight:500}.form-control.is-invalid{border-color:#dc2626;border-width:2px}.form-control.is-invalid:focus{outline-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.invalid-feedback{color:#991b1b;font-size:14px;margin-top:4px;font-weight:500}table{border-collapse:collapse}th{font-weight:600;text-align:left;background-color:#f8fafc}th[scope=row]{font-weight:600}[tabindex="-1"]:focus{outline:none}button:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed;background-color:#f3f4f6;color:#9ca3af}button:disabled:focus{outline:2px solid #9ca3af;outline-offset:2px}:root{--music-primary: #6366f1;--music-primary-dark: #4f46e5;--music-primary-light: #818cf8;--music-primary-bg: #eef2ff;--music-arranger: #6366f1;--music-arranger-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--music-producer: #8b5cf6;--music-producer-gradient: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--music-creative: #ec4899;--music-creative-gradient: linear-gradient(135deg, #ec4899 0%, #db2777 100%);--music-production: #8b5cf6;--music-production-gradient: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--music-design-grafis: #ec4899;--music-design-grafis-gradient: linear-gradient(135deg, #ec4899 0%, #db2777 100%);--music-promosi: #f59e0b;--music-promosi-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--music-editor-promosi: #06b6d4;--music-editor-promosi-gradient: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--music-qc: #10b981;--music-qc-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--music-broadcasting: #3b82f6;--music-broadcasting-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--music-art-set: #64748b;--music-art-set-gradient: linear-gradient(135deg, #64748b 0%, #475569 100%);--music-general-affairs: #059669;--music-general-affairs-gradient: linear-gradient(135deg, #059669 0%, #047857 100%);--status-success: #10b981;--status-success-dark: #059669;--status-success-bg: #d1fae5;--status-success-text: #065f46;--status-success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--status-error: #ef4444;--status-error-dark: #dc2626;--status-error-bg: #fee2e2;--status-error-text: #991b1b;--status-error-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--status-warning: #f59e0b;--status-warning-dark: #d97706;--status-warning-bg: #fef3c7;--status-warning-text: #92400e;--status-warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--status-info: #3b82f6;--status-info-dark: #2563eb;--status-info-bg: #dbeafe;--status-info-text: #1e40af;--status-info-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--status-secondary: #64748b;--status-secondary-dark: #475569;--status-secondary-bg: #f3f4f6;--status-secondary-text: #374151;--status-secondary-gradient: linear-gradient(135deg, #64748b 0%, #475569 100%);--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-disabled: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-hover: #cbd5e1;--border-focus: #6366f1;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--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;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--spacing-0: 0;--spacing-px: .0625rem;--spacing-0_5: .125rem;--spacing-1: .25rem;--spacing-xs: .25rem;--spacing-1_5: .375rem;--spacing-2: .5rem;--spacing-sm: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-md: .75rem;--spacing-3_5: .875rem;--spacing-4: 1rem;--spacing-lg: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-xl: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-2xl: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-3xl: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-none: 0 0 #0000;--shadow-primary: 0 4px 14px 0 rgba(99, 102, 241, .25);--shadow-success: 0 4px 14px 0 rgba(16, 185, 129, .25);--shadow-error: 0 4px 14px 0 rgba(239, 68, 68, .25);--shadow-warning: 0 4px 14px 0 rgba(245, 158, 11, .25);--shadow-info: 0 4px 14px 0 rgba(59, 130, 246, .25);--transition-none: none;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 999;--z-modal: 1000;--z-popover: 1010;--z-tooltip: 1020;--z-toast: 1100}.music-dashboard-base{padding:var(--spacing-xl);max-width:1800px;margin:0 auto;background:var(--bg-primary);min-height:100vh;font-family:var(--font-family);color:var(--text-primary);line-height:var(--line-height-normal)}.music-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.music-dashboard-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-md);margin:0;line-height:var(--line-height-tight)}.music-dashboard-title i{font-size:var(--font-size-xl);color:var(--text-muted)}.music-dashboard-actions{display:flex;gap:var(--spacing-sm);align-items:center}.music-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.music-stat-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--border-color);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--spacing-lg)}.music-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--music-primary-gradient);transition:all var(--transition-normal)}.music-stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.music-stat-card:hover:before{width:6px;box-shadow:0 0 20px #6366f166}.music-stat-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--text-inverse);background:var(--music-primary-gradient);box-shadow:var(--shadow-md);flex-shrink:0;transition:all var(--transition-normal)}.music-stat-card:hover .music-stat-icon{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-lg)}.music-stat-content{flex:1;min-width:0}.music-stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);line-height:var(--line-height-tight)}.music-stat-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tighter);background:var(--music-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.music-stat-card.primary .music-stat-icon{background:var(--music-primary-gradient)}.music-stat-card.success .music-stat-icon{background:var(--status-success-gradient)}.music-stat-card.warning .music-stat-icon{background:var(--status-warning-gradient)}.music-stat-card.info .music-stat-icon{background:var(--status-info-gradient)}.music-stat-card.danger .music-stat-icon{background:var(--status-error-gradient)}.music-btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);line-height:var(--line-height-none);text-decoration:none;position:relative;overflow:hidden;font-family:var(--font-family);letter-spacing:var(--letter-spacing-tight)}.music-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.music-btn:hover:before{width:300px;height:300px}.music-btn:focus-visible{outline:3px solid var(--music-primary);outline-offset:2px;box-shadow:0 0 0 4px #6366f133}.music-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.music-btn:active:not(:disabled){transform:translateY(0)}.music-btn-primary{background:var(--music-primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.music-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-primary)}.music-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.music-btn-secondary{background:var(--bg-secondary);color:var(--status-secondary);border:2px solid var(--status-secondary);box-shadow:var(--shadow-sm)}.music-btn-secondary:hover:not(:disabled){background:var(--status-secondary);color:var(--text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-md)}.music-btn-success{background:var(--status-success-gradient);color:var(--text-inverse);box-shadow:var(--shadow-success)}.music-btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-success)}.music-btn-danger{background:var(--status-error-gradient);color:var(--text-inverse);box-shadow:var(--shadow-error)}.music-btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-error)}.music-btn-info{background:var(--status-info-gradient);color:var(--text-inverse);box-shadow:var(--shadow-info)}.music-btn-info:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-info)}.music-btn-warning{background:var(--status-warning-gradient);color:var(--text-inverse);box-shadow:var(--shadow-warning)}.music-btn-warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-warning)}.music-btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.music-btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-1px)}.music-btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.music-btn-xs{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.music-btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.music-btn-icon{padding:var(--spacing-md);aspect-ratio:1;border-radius:var(--radius-lg)}.music-btn-icon.music-btn-sm{padding:var(--spacing-sm)}.music-btn-icon.music-btn-xs{padding:var(--spacing-xs)}.music-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;line-height:1.5}.music-badge-success{background:var(--status-success-bg);color:var(--status-success-text)}.music-badge-danger{background:var(--status-error-bg);color:var(--status-error-text)}.music-badge-warning{background:var(--status-warning-bg);color:var(--status-warning-text)}.music-badge-info{background:var(--status-info-bg);color:var(--status-info-text)}.music-badge-secondary{background:var(--status-secondary-bg);color:var(--status-secondary-text)}.music-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative}.music-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--music-primary-gradient);opacity:0;transition:opacity var(--transition-normal)}.music-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.music-card:hover:before{opacity:1}.music-card-header{padding:var(--spacing-xl);background:linear-gradient(to bottom,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:relative}.music-card-header:after{content:"";position:absolute;bottom:0;left:var(--spacing-xl);right:var(--spacing-xl);height:1px;background:var(--music-primary-gradient);opacity:0;transition:opacity var(--transition-normal)}.music-card:hover .music-card-header:after{opacity:.3}.music-card-body{padding:var(--spacing-xl)}.music-card-actions{padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.music-card-elevated{box-shadow:var(--shadow-md)}.music-card-elevated:hover{box-shadow:var(--shadow-xl)}.music-card-bordered{border-width:2px}.music-card-gradient{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.music-form-group{margin-bottom:var(--spacing-xl)}.music-form-group:last-child{margin-bottom:0}.music-form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight)}.music-form-label.required:after{content:" *";color:var(--status-error);margin-left:var(--spacing-xs)}.music-form-control{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--transition-normal);background:var(--bg-secondary);color:var(--text-primary);line-height:var(--line-height-normal)}.music-form-control:hover:not(:disabled){border-color:var(--border-hover)}.music-form-control:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 4px #6366f11a;background:var(--bg-secondary)}.music-form-control:disabled{background:var(--bg-tertiary);color:var(--text-disabled);cursor:not-allowed;opacity:.6;border-color:var(--border-color)}.music-form-control::placeholder{color:var(--text-muted);opacity:.7}.music-form-control:invalid:not(:placeholder-shown){border-color:var(--status-error)}.music-form-control:valid:not(:placeholder-shown){border-color:var(--status-success)}.music-form-text{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted);line-height:var(--line-height-normal)}.music-form-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--status-error);font-weight:var(--font-weight-medium)}.music-form-help{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted)}.music-form-control select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--spacing-10)}.music-form-control textarea{resize:vertical;min-height:100px;line-height:var(--line-height-relaxed)}.music-form-checkbox,.music-form-radio{width:20px;height:20px;border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex-shrink:0}.music-form-checkbox:checked,.music-form-radio:checked{background:var(--music-primary-gradient);border-color:var(--music-primary)}.music-form-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.music-form-radio{border-radius:var(--radius-full)}.music-form-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--text-inverse);border-radius:var(--radius-full)}.music-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn var(--transition-normal) var(--ease-out)}.music-modal-content{background:var(--bg-secondary);border-radius:var(--radius-2xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:slideUp var(--transition-normal) var(--ease-out);border:1px solid var(--border-color)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.music-modal-large{max-width:900px}.music-modal-xl{max-width:1200px}.music-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--border-color);background:linear-gradient(to bottom,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);position:sticky;top:0;z-index:var(--z-base)}.music-modal-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-md);letter-spacing:var(--letter-spacing-tight)}.music-modal-header h3 i{font-size:var(--font-size-lg);background:var(--music-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.music-modal-close{background:var(--bg-tertiary);border:1px solid var(--border-color);font-size:var(--font-size-lg);color:var(--text-muted);cursor:pointer;padding:var(--spacing-sm);line-height:1;transition:all var(--transition-normal);border-radius:var(--radius-lg);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.music-modal-close:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-hover);transform:rotate(90deg)}.music-modal-body{padding:var(--spacing-2xl)}.music-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);position:sticky;bottom:0;background:var(--bg-secondary);z-index:var(--z-base)}.music-tabs-nav{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-2xl);background:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-xl);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.music-tabs-nav::-webkit-scrollbar{display:none}.music-tab-button{padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--text-muted);display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal);white-space:nowrap;position:relative;flex:1;justify-content:center;min-width:fit-content}.music-tab-button:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--music-primary-gradient);border-radius:var(--radius-full);transition:width var(--transition-normal)}.music-tab-button:hover{color:var(--text-primary);background:var(--bg-secondary)}.music-tab-button.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.music-tab-button.active:before{width:80%}.music-tab-badge{background:var(--status-error-gradient);color:var(--text-inverse);border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:20px;text-align:center;line-height:1;box-shadow:var(--shadow-sm)}.music-loading-state,.music-empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.music-loading-state{position:relative}.music-loading-spinner{width:64px;height:64px;margin-bottom:var(--spacing-xl);position:relative}.music-loading-spinner:before,.music-loading-spinner:after{content:"";position:absolute;width:100%;height:100%;border-radius:var(--radius-full);border:4px solid transparent;border-top-color:var(--music-primary);animation:spin 1s linear infinite}.music-loading-spinner:after{border-top-color:transparent;border-right-color:var(--music-primary-light);animation:spin .8s linear infinite reverse}.music-loading-state i{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-xl);background:var(--music-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.music-loading-state p{font-size:var(--font-size-base);color:var(--text-muted);margin:0;font-weight:var(--font-weight-medium)}.music-empty-state{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:var(--radius-2xl);border:2px dashed var(--border-color)}.music-empty-state-icon{width:120px;height:120px;margin-bottom:var(--spacing-xl);background:var(--bg-tertiary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;position:relative}.music-empty-state-icon:before{content:"";position:absolute;width:100%;height:100%;border-radius:var(--radius-full);background:var(--music-primary-gradient);opacity:.1;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.music-empty-state-icon i{font-size:var(--font-size-4xl);background:var(--music-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.music-empty-state h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;letter-spacing:var(--letter-spacing-tight)}.music-empty-state p{font-size:var(--font-size-base);color:var(--text-muted);margin:0 0 var(--spacing-xl) 0;line-height:var(--line-height-relaxed);max-width:400px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.music-empty-state{animation:fadeInUp var(--transition-normal) var(--ease-out)}@media (max-width: 1024px){.music-dashboard-base{padding:var(--spacing-lg)}.music-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px){.music-dashboard-base{padding:var(--spacing-md)}.music-dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.music-dashboard-actions{width:100%;justify-content:flex-end}.music-stats-grid{grid-template-columns:repeat(2,1fr)}.music-tabs-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.music-modal-content{margin:var(--spacing-md);max-width:calc(100% - 2rem)}}@media (max-width: 480px){.music-stats-grid{grid-template-columns:1fr}.music-dashboard-title{font-size:var(--font-size-xl)}}.music-text-gradient{background:var(--music-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.music-text-success-gradient{background:var(--status-success-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.music-text-error-gradient{background:var(--status-error-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.music-bg-gradient-primary{background:var(--music-primary-gradient)}.music-bg-gradient-success{background:var(--status-success-gradient)}.music-bg-gradient-error{background:var(--status-error-gradient)}.music-bg-gradient-warning{background:var(--status-warning-gradient)}.music-bg-gradient-info{background:var(--status-info-gradient)}.music-glass{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.music-hover-lift{transition:transform var(--transition-normal)}.music-hover-lift:hover{transform:translateY(-4px)}.music-hover-scale{transition:transform var(--transition-normal)}.music-hover-scale:hover{transform:scale(1.05)}.music-focus-ring{outline:none;box-shadow:0 0 0 3px #6366f133}.music-focus-ring:focus-visible{outline:2px solid var(--music-primary);outline-offset:2px}.music-divider{height:1px;background:var(--border-color);margin:var(--spacing-xl) 0;border:none}.music-divider-gradient{height:2px;background:var(--music-primary-gradient);margin:var(--spacing-xl) 0;border:none}.music-badge-gradient{background:var(--music-primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.music-badge-success-gradient{background:var(--status-success-gradient);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.music-badge-error-gradient{background:var(--status-error-gradient);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.music-skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.music-scrollbar::-webkit-scrollbar{width:8px;height:8px}.music-scrollbar::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.music-scrollbar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);transition:background var(--transition-normal)}.music-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.music-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.music-table thead{background:var(--bg-tertiary)}.music-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:2px solid var(--border-color);letter-spacing:var(--letter-spacing-tight)}.music-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.music-table tbody tr{transition:background var(--transition-fast)}.music-table tbody tr:hover{background:var(--bg-tertiary)}.music-table tbody tr:last-child td{border-bottom:none}.music-progress{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.music-progress-bar{height:100%;background:var(--music-primary-gradient);border-radius:var(--radius-full);transition:width var(--transition-normal);position:relative;overflow:hidden}.music-progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.music-progress-success .music-progress-bar{background:var(--status-success-gradient)}.music-progress-warning .music-progress-bar{background:var(--status-warning-gradient)}.music-progress-error .music-progress-bar{background:var(--status-error-gradient)}.music-tooltip{position:relative;display:inline-block}.music-tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--spacing-xs) var(--spacing-sm);background:var(--text-primary);color:var(--text-inverse);font-size:var(--font-size-xs);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);margin-bottom:var(--spacing-xs);z-index:var(--z-tooltip)}.music-tooltip:hover:before{opacity:1}.music-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--music-primary-gradient);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.music-avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.music-avatar-lg{width:56px;height:56px;font-size:var(--font-size-lg)}.music-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.music-chip-primary{background:var(--music-primary-gradient);color:var(--text-inverse);border:none}.music-chip-success{background:var(--status-success-gradient);color:var(--text-inverse);border:none}.music-alert{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);border-left:4px solid;display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.music-alert-success{background:var(--status-success-bg);border-left-color:var(--status-success);color:var(--status-success-text)}.music-alert-error{background:var(--status-error-bg);border-left-color:var(--status-error);color:var(--status-error-text)}.music-alert-warning{background:var(--status-warning-bg);border-left-color:var(--status-warning);color:var(--status-warning-text)}.music-alert-info{background:var(--status-info-bg);border-left-color:var(--status-info);color:var(--status-info-text)}:root{--hris-blue-50: #eff6ff;--hris-blue-100: #dbeafe;--hris-blue-200: #bfdbfe;--hris-blue-300: #93c5fd;--hris-blue-400: #60a5fa;--hris-blue-500: #3b82f6;--hris-blue-600: #2563eb;--hris-blue-700: #1d4ed8;--hris-blue-800: #1e40af;--hris-blue-900: #1e3a8a;--hris-primary: var(--hris-blue-600);--hris-primary-light: var(--hris-blue-500);--hris-primary-dark: var(--hris-blue-700);--hris-primary-bg: var(--hris-blue-50);--hris-gray-50: #f9fafb;--hris-gray-100: #f3f4f6;--hris-gray-200: #e5e7eb;--hris-gray-300: #d1d5db;--hris-gray-400: #9ca3af;--hris-gray-500: #6b7280;--hris-gray-600: #4b5563;--hris-gray-700: #374151;--hris-gray-800: #1f2937;--hris-gray-900: #111827;--hris-green-50: #f0fdf4;--hris-green-100: #dcfce7;--hris-green-200: #bbf7d0;--hris-green-300: #86efac;--hris-green-400: #4ade80;--hris-green-500: #22c55e;--hris-green-600: #16a34a;--hris-green-700: #15803d;--hris-green-800: #166534;--hris-green-900: #14532d;--hris-success: var(--hris-green-600);--hris-success-light: var(--hris-green-500);--hris-success-dark: var(--hris-green-700);--hris-success-bg: var(--hris-green-50);--hris-error: #ef4444;--hris-error-bg: #fef2f2;--hris-error-text: #991b1b;--hris-warning: #f59e0b;--hris-warning-bg: #fffbeb;--hris-warning-text: #92400e;--hris-info: var(--hris-blue-600);--hris-info-bg: var(--hris-blue-50);--hris-info-text: #1e40af;--hris-bg-primary: var(--hris-gray-50);--hris-bg-secondary: #ffffff;--hris-bg-tertiary: var(--hris-gray-100);--hris-bg-hover: var(--hris-gray-100);--hris-text-primary: var(--hris-gray-900);--hris-text-secondary: var(--hris-gray-700);--hris-text-muted: var(--hris-gray-600);--hris-text-disabled: var(--hris-gray-400);--hris-text-inverse: #ffffff;--hris-border: var(--hris-gray-200);--hris-border-hover: var(--hris-gray-300);--hris-border-focus: var(--hris-blue-500);--hris-font-family: "Roboto", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hris-font-size-xs: .75rem;--hris-font-size-sm: .875rem;--hris-font-size-base: 1rem;--hris-font-size-lg: 1.125rem;--hris-font-size-xl: 1.25rem;--hris-font-size-2xl: 1.5rem;--hris-font-size-3xl: 1.875rem;--hris-font-size-4xl: 2.25rem;--hris-font-weight-normal: 400;--hris-font-weight-medium: 500;--hris-font-weight-semibold: 600;--hris-font-weight-bold: 700;--hris-line-height-tight: 1.25;--hris-line-height-normal: 1.5;--hris-line-height-relaxed: 1.75;--hris-spacing-1: .25rem;--hris-spacing-2: .5rem;--hris-spacing-3: .75rem;--hris-spacing-4: 1rem;--hris-spacing-5: 1.25rem;--hris-spacing-6: 1.5rem;--hris-spacing-8: 2rem;--hris-spacing-10: 2.5rem;--hris-spacing-12: 3rem;--hris-spacing-16: 4rem;--hris-radius-sm: .375rem;--hris-radius-md: .5rem;--hris-radius-lg: .75rem;--hris-radius-xl: 1rem;--hris-radius-2xl: 1.5rem;--hris-radius-full: 9999px;--hris-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--hris-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--hris-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--hris-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--hris-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--hris-transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--hris-transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--hris-z-base: 1;--hris-z-dropdown: 100;--hris-z-sticky: 200;--hris-z-modal: 1000;--hris-z-toast: 1100}.hris-container{max-width:1400px;margin:0 auto;padding:var(--hris-spacing-6);font-family:var(--hris-font-family);color:var(--hris-text-primary);line-height:var(--hris-line-height-normal)}@media (max-width: 768px){.hris-container{padding:var(--hris-spacing-4)}}.hris-header{background:var(--hris-bg-secondary);border-bottom:1px solid var(--hris-border);box-shadow:var(--hris-shadow-sm);position:sticky;top:0;z-index:var(--hris-z-sticky);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.hris-header-content{max-width:1400px;margin:0 auto;padding:var(--hris-spacing-4) var(--hris-spacing-6);display:flex;align-items:center;justify-content:space-between;gap:var(--hris-spacing-6)}.hris-logo{display:flex;align-items:center;gap:var(--hris-spacing-3);text-decoration:none;color:var(--hris-text-primary)}.hris-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--hris-blue-600),var(--hris-blue-700));border-radius:var(--hris-radius-lg);display:flex;align-items:center;justify-content:center;color:var(--hris-text-inverse);font-size:var(--hris-font-size-xl);box-shadow:var(--hris-shadow-md);transition:transform var(--hris-transition-normal)}.hris-logo:hover .hris-logo-icon{transform:scale(1.05) rotate(5deg)}.hris-logo-text{display:flex;flex-direction:column}.hris-logo-title{font-size:var(--hris-font-size-xl);font-weight:var(--hris-font-weight-bold);color:var(--hris-text-primary);margin:0;line-height:var(--hris-line-height-tight)}.hris-logo-subtitle{font-size:var(--hris-font-size-sm);color:var(--hris-text-muted);margin:0;line-height:var(--hris-line-height-tight)}.hris-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--hris-spacing-2);padding:var(--hris-spacing-3) var(--hris-spacing-5);border:none;border-radius:var(--hris-radius-lg);font-family:var(--hris-font-family);font-size:var(--hris-font-size-base);font-weight:var(--hris-font-weight-semibold);line-height:1;cursor:pointer;transition:all var(--hris-transition-normal);text-decoration:none;position:relative;overflow:hidden}.hris-btn:focus-visible{outline:2px solid var(--hris-border-focus);outline-offset:2px}.hris-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.hris-btn-primary{background:var(--hris-primary);color:var(--hris-text-inverse);box-shadow:var(--hris-shadow-sm)}.hris-btn-primary:hover:not(:disabled){background:var(--hris-primary-dark);transform:translateY(-2px);box-shadow:var(--hris-shadow-md)}.hris-btn-primary:active:not(:disabled){transform:translateY(0)}.hris-btn-success{background:var(--hris-success);color:var(--hris-text-inverse);box-shadow:var(--hris-shadow-sm)}.hris-btn-success:hover:not(:disabled){background:var(--hris-success-dark);transform:translateY(-2px);box-shadow:var(--hris-shadow-md)}.hris-btn-secondary{background:var(--hris-bg-secondary);color:var(--hris-text-secondary);border:1px solid var(--hris-border)}.hris-btn-secondary:hover:not(:disabled){background:var(--hris-bg-hover);border-color:var(--hris-border-hover)}.hris-btn-sm{padding:var(--hris-spacing-2) var(--hris-spacing-4);font-size:var(--hris-font-size-sm)}.hris-btn-lg{padding:var(--hris-spacing-4) var(--hris-spacing-6);font-size:var(--hris-font-size-lg)}.hris-card{background:var(--hris-bg-secondary);border:1px solid var(--hris-border);border-radius:var(--hris-radius-xl);box-shadow:var(--hris-shadow-sm);transition:all var(--hris-transition-normal);overflow:hidden}.hris-card:hover{border-color:var(--hris-border-hover);box-shadow:var(--hris-shadow-lg);transform:translateY(-2px)}.hris-card-header{padding:var(--hris-spacing-5) var(--hris-spacing-6);border-bottom:1px solid var(--hris-border);background:var(--hris-bg-tertiary);display:flex;align-items:center;justify-content:space-between;gap:var(--hris-spacing-4)}.hris-card-title{font-size:var(--hris-font-size-lg);font-weight:var(--hris-font-weight-semibold);color:var(--hris-text-primary);margin:0;display:flex;align-items:center;gap:var(--hris-spacing-2)}.hris-card-body{padding:var(--hris-spacing-6)}.hris-card-footer{padding:var(--hris-spacing-4) var(--hris-spacing-6);border-top:1px solid var(--hris-border);background:var(--hris-bg-tertiary);display:flex;gap:var(--hris-spacing-3);flex-wrap:wrap}.hris-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--hris-spacing-5);margin-bottom:var(--hris-spacing-8)}.hris-stat-card{background:var(--hris-bg-secondary);border:1px solid var(--hris-border);border-radius:var(--hris-radius-xl);padding:var(--hris-spacing-5);box-shadow:var(--hris-shadow-sm);transition:all var(--hris-transition-normal);position:relative;overflow:hidden}.hris-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--hris-primary);transition:width var(--hris-transition-normal)}.hris-stat-card:hover{border-color:var(--hris-primary);box-shadow:var(--hris-shadow-lg);transform:translateY(-4px)}.hris-stat-card:hover:before{width:6px}.hris-stat-card.primary:before{background:var(--hris-primary)}.hris-stat-card.success:before{background:var(--hris-success)}.hris-stat-content{display:flex;align-items:center;gap:var(--hris-spacing-4)}.hris-stat-icon{width:56px;height:56px;border-radius:var(--hris-radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--hris-font-size-2xl);color:var(--hris-text-inverse);flex-shrink:0}.hris-stat-card.primary .hris-stat-icon{background:var(--hris-primary)}.hris-stat-card.success .hris-stat-icon{background:var(--hris-success)}.hris-stat-info{flex:1;min-width:0}.hris-stat-label{font-size:var(--hris-font-size-sm);font-weight:var(--hris-font-weight-medium);color:var(--hris-text-muted);margin:0 0 var(--hris-spacing-1) 0;text-transform:uppercase;letter-spacing:.05em}.hris-stat-value{font-size:var(--hris-font-size-3xl);font-weight:var(--hris-font-weight-bold);color:var(--hris-text-primary);margin:0;line-height:var(--hris-line-height-tight)}.hris-form-group{margin-bottom:var(--hris-spacing-5)}.hris-form-label{display:block;margin-bottom:var(--hris-spacing-2);font-size:var(--hris-font-size-sm);font-weight:var(--hris-font-weight-semibold);color:var(--hris-text-primary)}.hris-form-label.required:after{content:" *";color:var(--hris-error)}.hris-form-control{width:100%;padding:var(--hris-spacing-3) var(--hris-spacing-4);border:1px solid var(--hris-border);border-radius:var(--hris-radius-lg);font-family:var(--hris-font-family);font-size:var(--hris-font-size-base);color:var(--hris-text-primary);background:var(--hris-bg-secondary);transition:all var(--hris-transition-normal)}.hris-form-control:hover:not(:disabled){border-color:var(--hris-border-hover)}.hris-form-control:focus{outline:none;border-color:var(--hris-border-focus);box-shadow:0 0 0 3px #3b82f61a}.hris-form-control:disabled{background:var(--hris-bg-tertiary);color:var(--hris-text-disabled);cursor:not-allowed}.hris-form-error{display:block;margin-top:var(--hris-spacing-1);font-size:var(--hris-font-size-sm);color:var(--hris-error)}.hris-badge{display:inline-flex;align-items:center;gap:var(--hris-spacing-1);padding:var(--hris-spacing-1) var(--hris-spacing-3);border-radius:var(--hris-radius-full);font-size:var(--hris-font-size-xs);font-weight:var(--hris-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;line-height:1}.hris-badge-primary{background:var(--hris-primary-bg);color:var(--hris-primary-dark)}.hris-badge-success{background:var(--hris-success-bg);color:var(--hris-success-dark)}.hris-badge-warning{background:var(--hris-warning-bg);color:var(--hris-warning-text)}.hris-badge-error{background:var(--hris-error-bg);color:var(--hris-error-text)}.hris-tabs{display:flex;gap:var(--hris-spacing-2);border-bottom:2px solid var(--hris-border);margin-bottom:var(--hris-spacing-6);overflow-x:auto}.hris-tab{padding:var(--hris-spacing-3) var(--hris-spacing-5);border:none;background:transparent;font-family:var(--hris-font-family);font-size:var(--hris-font-size-base);font-weight:var(--hris-font-weight-semibold);color:var(--hris-text-muted);cursor:pointer;transition:all var(--hris-transition-normal);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;display:flex;align-items:center;gap:var(--hris-spacing-2)}.hris-tab:hover{color:var(--hris-text-primary)}.hris-tab.active{color:var(--hris-primary);border-bottom-color:var(--hris-primary)}.hris-tab-badge{background:var(--hris-error);color:var(--hris-text-inverse);border-radius:var(--hris-radius-full);padding:2px 6px;font-size:var(--hris-font-size-xs);font-weight:var(--hris-font-weight-bold);min-width:20px;text-align:center}.hris-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--hris-z-modal);padding:var(--hris-spacing-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:hris-fade-in var(--hris-transition-normal)}@keyframes hris-fade-in{0%{opacity:0}to{opacity:1}}.hris-modal{background:var(--hris-bg-secondary);border-radius:var(--hris-radius-2xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--hris-shadow-xl);animation:hris-slide-up var(--hris-transition-normal);border:1px solid var(--hris-border)}@keyframes hris-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hris-modal-header{padding:var(--hris-spacing-6);border-bottom:1px solid var(--hris-border);display:flex;align-items:center;justify-content:space-between}.hris-modal-title{font-size:var(--hris-font-size-xl);font-weight:var(--hris-font-weight-bold);color:var(--hris-text-primary);margin:0;display:flex;align-items:center;gap:var(--hris-spacing-2)}.hris-modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--hris-text-muted);cursor:pointer;border-radius:var(--hris-radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--hris-transition-normal)}.hris-modal-close:hover{background:var(--hris-bg-hover);color:var(--hris-text-primary)}.hris-modal-body{padding:var(--hris-spacing-6)}.hris-modal-footer{padding:var(--hris-spacing-4) var(--hris-spacing-6);border-top:1px solid var(--hris-border);display:flex;gap:var(--hris-spacing-3);justify-content:flex-end}.hris-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--hris-spacing-12);color:var(--hris-text-muted)}.hris-spinner{width:48px;height:48px;border:4px solid var(--hris-border);border-top-color:var(--hris-primary);border-radius:var(--hris-radius-full);animation:hris-spin 1s linear infinite;margin-bottom:var(--hris-spacing-4)}@keyframes hris-spin{to{transform:rotate(360deg)}}.hris-empty{text-align:center;padding:var(--hris-spacing-12);color:var(--hris-text-muted)}.hris-empty-icon{width:80px;height:80px;margin:0 auto var(--hris-spacing-4);background:var(--hris-bg-tertiary);border-radius:var(--hris-radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--hris-font-size-3xl);color:var(--hris-text-muted)}.hris-toast-container{position:fixed;top:var(--hris-spacing-4);right:var(--hris-spacing-4);z-index:var(--hris-z-toast);display:flex;flex-direction:column;gap:var(--hris-spacing-3);max-width:400px}.hris-toast{background:var(--hris-bg-secondary);border:1px solid var(--hris-border);border-radius:var(--hris-radius-lg);padding:var(--hris-spacing-4);box-shadow:var(--hris-shadow-lg);display:flex;align-items:flex-start;gap:var(--hris-spacing-3);animation:hris-slide-in-right var(--hris-transition-normal);min-width:300px}@keyframes hris-slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.hris-toast-success{border-left:4px solid var(--hris-success)}.hris-toast-error{border-left:4px solid var(--hris-error)}.hris-toast-info{border-left:4px solid var(--hris-info)}.hris-toast-icon{width:24px;height:24px;border-radius:var(--hris-radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--hris-font-size-sm);color:var(--hris-text-inverse)}.hris-toast-success .hris-toast-icon{background:var(--hris-success)}.hris-toast-error .hris-toast-icon{background:var(--hris-error)}.hris-toast-info .hris-toast-icon{background:var(--hris-info)}.hris-toast-content{flex:1;min-width:0}.hris-toast-title{font-size:var(--hris-font-size-sm);font-weight:var(--hris-font-weight-semibold);color:var(--hris-text-primary);margin:0 0 var(--hris-spacing-1) 0}.hris-toast-message{font-size:var(--hris-font-size-sm);color:var(--hris-text-secondary);margin:0}@media (max-width: 1024px){.hris-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.hris-header-content{flex-direction:column;align-items:flex-start}.hris-stats-grid{grid-template-columns:1fr}.hris-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.hris-modal{margin:var(--hris-spacing-4);max-width:calc(100% - 2rem)}}.hris-text-primary{color:var(--hris-primary)}.hris-text-success{color:var(--hris-success)}.hris-bg-primary{background:var(--hris-primary);color:var(--hris-text-inverse)}.hris-bg-success{background:var(--hris-success);color:var(--hris-text-inverse)}.hris-shadow-hover{transition:box-shadow var(--hris-transition-normal)}.hris-shadow-hover:hover{box-shadow:var(--hris-shadow-lg)}:root{--professional-white: #ffffff;--professional-gray-50: #f9fafb;--professional-gray-100: #f3f4f6;--professional-gray-200: #e5e7eb;--professional-gray-300: #d1d5db;--professional-gray-400: #9ca3af;--professional-gray-500: #6b7280;--professional-gray-600: #4b5563;--professional-gray-700: #374151;--professional-gray-800: #1f2937;--professional-gray-900: #111827;--corporate-blue: #2563eb;--corporate-blue-light: #3b82f6;--corporate-blue-dark: #1e40af;--corporate-green: #10b981;--corporate-green-light: #34d399;--corporate-green-dark: #059669;--accent-primary: var(--corporate-blue);--accent-secondary: var(--corporate-green);--accent-success: #10b981;--accent-warning: #f59e0b;--accent-error: #ef4444;--accent-info: #3b82f6;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-hover: #f9fafb;--border-light: #e5e7eb;--border-medium: #d1d5db;--border-dark: #9ca3af;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}body{background-color:var(--bg-secondary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-primary);line-height:1.2;margin:0}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--text-secondary);margin:0;line-height:1.6}.professional-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.professional-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium)}.professional-card-elevated{box-shadow:var(--shadow-md)}.professional-card-elevated:hover{box-shadow:var(--shadow-lg)}.professional-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.professional-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.professional-btn-primary{background-color:var(--corporate-blue);color:var(--text-inverse);border-color:var(--corporate-blue)}.professional-btn-primary:hover{background-color:var(--corporate-blue-dark);border-color:var(--corporate-blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.professional-btn-primary:active{transform:translateY(0)}.professional-btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-medium)}.professional-btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-dark)}.professional-btn-success{background-color:var(--accent-success);color:var(--text-inverse);border-color:var(--accent-success)}.professional-btn-success:hover{background-color:var(--corporate-green-dark);border-color:var(--corporate-green-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.professional-btn-danger{background-color:var(--accent-error);color:var(--text-inverse);border-color:var(--accent-error)}.professional-btn-danger:hover{background-color:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.professional-btn-outline{background-color:transparent;color:var(--corporate-blue);border-color:var(--corporate-blue)}.professional-btn-outline:hover{background-color:var(--corporate-blue);color:var(--text-inverse)}.professional-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;line-height:1.5}.badge-success{background-color:#d1fae5;color:var(--corporate-green-dark)}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-error{background-color:#fee2e2;color:#991b1b}.badge-info{background-color:#dbeafe;color:var(--corporate-blue-dark)}.badge-neutral{background-color:var(--professional-gray-100);color:var(--professional-gray-700)}.professional-input{width:100%;padding:.625rem .875rem;background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast)}.professional-input::placeholder{color:var(--text-tertiary)}.professional-input:focus{outline:none;border-color:var(--corporate-blue);box-shadow:0 0 0 3px #2563eb1a}.professional-input:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.professional-textarea{resize:vertical;min-height:100px}.professional-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.professional-progress{width:100%;height:8px;background-color:var(--professional-gray-200);border-radius:var(--radius-full);overflow:hidden}.professional-progress-fill{height:100%;background-color:var(--corporate-blue);border-radius:var(--radius-full);transition:width .3s ease}.professional-progress-success{background-color:var(--accent-success)}.professional-progress-warning{background-color:var(--accent-warning)}.professional-progress-error{background-color:var(--accent-error)}.professional-table{width:100%;border-collapse:collapse;background-color:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.professional-table thead{background-color:var(--bg-tertiary)}.professional-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.professional-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:.875rem}.professional-table tbody tr:hover{background-color:var(--bg-hover)}.professional-table tbody tr:last-child td{border-bottom:none}.professional-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.professional-modal{background-color:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-normal)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.professional-modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.professional-modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.professional-modal-body{padding:var(--spacing-lg)}.professional-modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.stats-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.stats-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stats-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.stats-card-title{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0}.stats-card-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);color:var(--corporate-blue)}.stats-card-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1}.stats-card-change{font-size:.75rem;margin-top:var(--spacing-sm);display:flex;align-items:center;gap:.25rem}.stats-card-change.positive{color:var(--accent-success)}.stats-card-change.negative{color:var(--accent-error)}.section-header{margin-bottom:var(--spacing-xl)}.section-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.section-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.professional-loader{display:inline-block;width:20px;height:20px;border:2px solid var(--professional-gray-200);border-top-color:var(--corporate-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state-icon{font-size:3rem;color:var(--professional-gray-300);margin-bottom:var(--spacing-md)}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.empty-state-description{font-size:.875rem;color:var(--text-secondary);margin:0}.professional-tabs{display:flex;border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-lg)}.professional-tab{padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.professional-tab:hover{color:var(--text-primary);background-color:var(--bg-hover)}.professional-tab.active{color:var(--corporate-blue);border-bottom-color:var(--corporate-blue)}.professional-notification{position:fixed;top:20px;right:20px;background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-lg);z-index:10000;max-width:400px;animation:slideInRight var(--transition-normal)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification-success{border-left:4px solid var(--accent-success)}.notification-error{border-left:4px solid var(--accent-error)}.notification-warning{border-left:4px solid var(--accent-warning)}.notification-info{border-left:4px solid var(--accent-info)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--accent-success)}.text-error{color:var(--accent-error)}.text-warning{color:var(--accent-warning)}.text-info{color:var(--accent-info)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--professional-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--professional-gray-400)}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}.professional-card{padding:var(--spacing-md)}.professional-btn{padding:.5rem 1rem;font-size:.8125rem}.stats-card-value{font-size:1.5rem}}*:focus-visible{outline:2px solid var(--corporate-blue);outline-offset:2px}@media print{.professional-btn,.professional-modal-overlay{display:none}.professional-card{box-shadow:none;border:1px solid var(--border-light)}}