body{background:#f3f4f6;margin:0;padding:0}.login-container[data-v-3c87602d]{direction:ltr;background:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.login-card[data-v-3c87602d]{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a}.login-header h2[data-v-3c87602d]{color:#1f2937;text-align:center;letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.6rem;font-weight:800}.login-header p[data-v-3c87602d]{color:#6b7280;text-align:center;margin-bottom:2rem;font-size:.9rem}.login-brand[data-v-3c87602d]{justify-content:center;margin-bottom:.75rem;display:flex}.login-logo[data-v-3c87602d]{object-fit:cover;background:#fff;border-radius:50%;width:96px;height:96px;padding:3px;box-shadow:0 0 0 4px #0f766e14,0 10px 25px -8px #0f766e59,0 6px 12px -4px #0000001a}.form-group[data-v-3c87602d]{margin-bottom:1.25rem}.form-group label[data-v-3c87602d]{color:#374151;text-align:left;margin-bottom:.5rem;font-size:.9rem;display:block}.form-group input[data-v-3c87602d]{box-sizing:border-box;text-align:left;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem}.error-message[data-v-3c87602d]{color:#dc2626;text-align:left;margin-bottom:1rem;font-size:.85rem}.login-btn[data-v-3c87602d]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;font-weight:700;transition:background .2s}.login-btn[data-v-3c87602d]:hover{background:#1d4ed8}.login-btn[data-v-3c87602d]:disabled{cursor:not-allowed;background:#93c5fd}@media (width<=768px){.login-container[data-v-3c87602d]{align-items:flex-start;min-height:calc(100vh - 2rem);padding:2rem .5rem}.login-card[data-v-3c87602d]{border-radius:14px;margin:0 .5rem;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;padding:1.75rem 1.25rem!important}.login-header h2[data-v-3c87602d]{font-size:1.35rem}.login-header p[data-v-3c87602d]{margin-bottom:1.5rem;font-size:.85rem}.form-group[data-v-3c87602d]{margin-bottom:1.1rem}.form-group label[data-v-3c87602d]{margin-bottom:.4rem;font-size:.88rem}.form-group input[data-v-3c87602d]{border-radius:10px;min-height:48px!important;padding:.8rem 1rem!important;font-size:16px!important}.error-message[data-v-3c87602d]{background:#fef2f2;border-left:3px solid #dc2626;border-radius:6px;padding:.5rem .75rem;font-size:.85rem}.login-btn[data-v-3c87602d]{letter-spacing:.02em;border-radius:10px;min-height:50px;padding:.85rem 1rem;font-size:1rem}}.dashboard-container[data-v-78cdc8f8]{direction:ltr;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.profile-section[data-v-78cdc8f8]{margin-bottom:3rem}.profile-card[data-v-78cdc8f8]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;align-items:center;gap:2rem;margin-bottom:1.5rem;padding:2.5rem;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.profile-avatar[data-v-78cdc8f8]{color:#667eea;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:2.5rem;font-weight:700;display:flex;box-shadow:0 4px 6px -1px #0000001a}.profile-info h2[data-v-78cdc8f8]{color:#fff;margin:0;font-size:1.8rem;font-weight:700}.profile-role[data-v-78cdc8f8]{color:#ffffffe6;margin:.5rem 0 .25rem;font-size:1.1rem;font-weight:500}.profile-company[data-v-78cdc8f8]{color:#fffc;margin:0;font-size:.95rem}.stats-grid[data-v-78cdc8f8]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.stat-card[data-v-78cdc8f8]{background:#fff;border-radius:16px;align-items:center;gap:1.25rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.stat-card[data-v-78cdc8f8]:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a}.stat-icon[data-v-78cdc8f8]{border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex}.stat-icon-blue[data-v-78cdc8f8]{color:#1d4ed8;background:#dbeafe}.stat-icon-green[data-v-78cdc8f8]{color:#16a34a;background:#dcfce7}.stat-icon-purple[data-v-78cdc8f8]{color:#9333ea;background:#f3e8ff}.stat-icon-orange[data-v-78cdc8f8]{color:#ea580c;background:#ffedd5}.stat-content[data-v-78cdc8f8]{flex:1}.stat-label[data-v-78cdc8f8]{color:#6b7280;margin:0;font-size:.9rem;font-weight:500}.stat-value[data-v-78cdc8f8]{color:#111827;margin:.25rem 0 0;font-size:2rem;font-weight:700}.menu-section[data-v-78cdc8f8]{margin-bottom:2rem}.section-title[data-v-78cdc8f8]{color:#111827;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.sub-section-title[data-v-78cdc8f8]{color:#4b5563;border-bottom:2px solid #f3f4f6;margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.menu-cards[data-v-78cdc8f8]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.menu-card[data-v-78cdc8f8]{color:#1f2937;background:#fff;border-left:4px solid #0000;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.75rem;padding:2rem 1.5rem;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.menu-card[data-v-78cdc8f8]:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.employee-card[data-v-78cdc8f8]{border-left-color:#2563eb}.employee-card[data-v-78cdc8f8]:hover{border-left-color:#1d4ed8}.employee-card .card-icon-wrapper[data-v-78cdc8f8]{color:#1d4ed8;background:#dbeafe}.company-card[data-v-78cdc8f8]{border-left-color:#10b981}.company-card[data-v-78cdc8f8]:hover{border-left-color:#059669}.company-card .card-icon-wrapper[data-v-78cdc8f8]{color:#059669;background:#dcfce7}.branch-card[data-v-78cdc8f8]{border-left-color:#f59e0b}.branch-card[data-v-78cdc8f8]:hover{border-left-color:#d97706}.branch-card .card-icon-wrapper[data-v-78cdc8f8]{color:#d97706;background:#ffedd5}.dept-card[data-v-78cdc8f8]{border-left-color:#8b5cf6}.dept-card[data-v-78cdc8f8]:hover{border-left-color:#7c3aed}.dept-card .card-icon-wrapper[data-v-78cdc8f8]{color:#7c3aed;background:#f3e8ff}.desg-card[data-v-78cdc8f8]{border-left-color:#ec4899}.desg-card[data-v-78cdc8f8]:hover{border-left-color:#db2777}.desg-card .card-icon-wrapper[data-v-78cdc8f8]{color:#db2777;background:#fce7f3}.workforce-card[data-v-78cdc8f8]{border-left-color:#06b6d4}.workforce-card[data-v-78cdc8f8]:hover{border-left-color:#0891b2}.workforce-card .card-icon-wrapper[data-v-78cdc8f8]{color:#0891b2;background:#cffafe}.attendance-card[data-v-78cdc8f8]{border-left-color:#6366f1}.attendance-card[data-v-78cdc8f8]:hover{border-left-color:#4f46e5}.attendance-card .card-icon-wrapper[data-v-78cdc8f8]{color:#4f46e5;background:#e0e7ff}.live-attendance-card[data-v-78cdc8f8]{border-left-color:#14b8a6}.live-attendance-card[data-v-78cdc8f8]:hover{border-left-color:#0d9488}.live-attendance-card .card-icon-wrapper[data-v-78cdc8f8]{color:#0d9488;background:#ccfbf1}.monitor-attendance-card[data-v-78cdc8f8]{border-left-color:#8b5cf6}.monitor-attendance-card[data-v-78cdc8f8]:hover{border-left-color:#7c3aed}.monitor-attendance-card .card-icon-wrapper[data-v-78cdc8f8]{color:#7c3aed;background:#f3e8ff}.manual-attendance-card[data-v-78cdc8f8]{border-left-color:#f59e0b}.manual-attendance-card[data-v-78cdc8f8]:hover{border-left-color:#d97706}.manual-attendance-card .card-icon-wrapper[data-v-78cdc8f8]{color:#d97706;background:#ffedd5}.leave-card[data-v-78cdc8f8]{border-left-color:#06b6d4}.leave-card[data-v-78cdc8f8]:hover{border-left-color:#0891b2}.leave-card .card-icon-wrapper[data-v-78cdc8f8]{color:#0891b2;background:#cffafe}.approval-card[data-v-78cdc8f8]{border-left-color:#ec4899}.approval-card[data-v-78cdc8f8]:hover{border-left-color:#db2777}.approval-card .card-icon-wrapper[data-v-78cdc8f8]{color:#db2777;background:#fce7f3}.payroll-setup-card[data-v-78cdc8f8]{border-left-color:#10b981}.payroll-setup-card[data-v-78cdc8f8]:hover{border-left-color:#059669}.payroll-setup-card .card-icon-wrapper[data-v-78cdc8f8]{color:#059669;background:#dcfce7}.payroll-card[data-v-78cdc8f8]{border-left-color:#2563eb}.payroll-card[data-v-78cdc8f8]:hover{border-left-color:#1d4ed8}.payroll-card .card-icon-wrapper[data-v-78cdc8f8]{color:#1d4ed8;background:#dbeafe}.payroll-dashboard-card[data-v-78cdc8f8]{border-left-color:#6366f1}.payroll-dashboard-card[data-v-78cdc8f8]:hover{border-left-color:#4f46e5}.payroll-dashboard-card .card-icon-wrapper[data-v-78cdc8f8]{color:#4f46e5;background:#e0e7ff}.expense-dashboard-card[data-v-78cdc8f8]{border-left-color:#8b5cf6}.expense-dashboard-card[data-v-78cdc8f8]:hover{border-left-color:#7c3aed}.expense-dashboard-card .card-icon-wrapper[data-v-78cdc8f8]{color:#7c3aed;background:#f3e8ff}.expense-setup-card[data-v-78cdc8f8]{border-left-color:#059669}.expense-setup-card[data-v-78cdc8f8]:hover{border-left-color:#047857}.expense-setup-card .card-icon-wrapper[data-v-78cdc8f8]{color:#059669;background:#d1fae5}.expense-form-card[data-v-78cdc8f8]{border-left-color:#2563eb}.expense-form-card[data-v-78cdc8f8]:hover{border-left-color:#1d4ed8}.expense-form-card .card-icon-wrapper[data-v-78cdc8f8]{color:#1d4ed8;background:#dbeafe}.assets-dashboard-card[data-v-78cdc8f8]{border-left-color:#8b5cf6}.assets-dashboard-card[data-v-78cdc8f8]:hover{border-left-color:#7c3aed}.assets-dashboard-card .card-icon-wrapper[data-v-78cdc8f8]{color:#7c3aed;background:#f3e8ff}.project-task-card[data-v-78cdc8f8]{border-left-color:#10b981}.project-task-card[data-v-78cdc8f8]:hover{border-left-color:#059669}.project-task-card .card-icon-wrapper[data-v-78cdc8f8]{color:#059669;background:#dcfce7}.help-desk-card[data-v-78cdc8f8]{border-left-color:#f59e0b}.help-desk-card[data-v-78cdc8f8]:hover{border-left-color:#d97706}.help-desk-card .card-icon-wrapper[data-v-78cdc8f8]{color:#d97706;background:#ffedd5}.loan-card[data-v-78cdc8f8]{border-left-color:#ef4444}.loan-card[data-v-78cdc8f8]:hover{border-left-color:#dc2626}.loan-card .card-icon-wrapper[data-v-78cdc8f8]{color:#dc2626;background:#fee2e2}.employment-history-card[data-v-78cdc8f8]{border-left-color:#14b8a6}.employment-history-card[data-v-78cdc8f8]:hover{border-left-color:#0d9488}.employment-history-card .card-icon-wrapper[data-v-78cdc8f8]{color:#0d9488;background:#ccfbf1}.salary-adjustment-card[data-v-78cdc8f8]{border-left-color:#6366f1}.salary-adjustment-card[data-v-78cdc8f8]:hover{border-left-color:#4f46e5}.salary-adjustment-card .card-icon-wrapper[data-v-78cdc8f8]{color:#4f46e5;background:#e0e7ff}.employee-documents-card[data-v-78cdc8f8]{border-left-color:#10b981}.employee-documents-card[data-v-78cdc8f8]:hover{border-left-color:#059669}.employee-documents-card .card-icon-wrapper[data-v-78cdc8f8]{color:#059669;background:#dcfce7}.employee-messages-card[data-v-78cdc8f8]{border-left-color:#f59e0b}.employee-messages-card[data-v-78cdc8f8]:hover{border-left-color:#d97706}.employee-messages-card .card-icon-wrapper[data-v-78cdc8f8]{color:#d97706;background:#ffedd5}.card-icon-wrapper[data-v-78cdc8f8]{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex}.menu-card h4[data-v-78cdc8f8]{color:#111827;margin:0;font-size:1.1rem;font-weight:600}.menu-card p[data-v-78cdc8f8]{color:#6b7280;margin:0;font-size:.9rem;line-height:1.5}@media (width<=768px){.dashboard-container[data-v-78cdc8f8]{padding:.25rem}.profile-section[data-v-78cdc8f8]{margin-bottom:2rem!important}.profile-card[data-v-78cdc8f8]{text-align:center;flex-direction:column;border-radius:16px!important;gap:1rem!important;padding:1.75rem 1.25rem!important}.profile-info h2[data-v-78cdc8f8]{font-size:1.4rem!important}.profile-role[data-v-78cdc8f8]{font-size:1rem!important}.profile-company[data-v-78cdc8f8]{font-size:.88rem!important}.stats-grid[data-v-78cdc8f8]{grid-template-columns:1fr!important;gap:1rem!important}.stat-card[data-v-78cdc8f8]{border-radius:14px!important;padding:1.25rem!important}.stat-icon[data-v-78cdc8f8]{border-radius:10px!important;width:52px!important;height:52px!important;font-size:1.5rem!important}.stat-value[data-v-78cdc8f8]{font-size:1.75rem!important}.menu-section[data-v-78cdc8f8]{margin-bottom:1.5rem!important}.section-title[data-v-78cdc8f8]{margin-bottom:1rem!important;font-size:1.2rem!important}.sub-section-title[data-v-78cdc8f8]{margin-top:1.5rem!important;margin-bottom:.75rem!important;padding-bottom:.4rem!important;font-size:1rem!important}.menu-cards[data-v-78cdc8f8]{grid-template-columns:1fr 1fr!important;gap:.85rem!important}.menu-card[data-v-78cdc8f8]{min-height:110px;border-radius:14px!important;gap:.5rem!important;padding:1.25rem 1rem!important}.menu-card h4[data-v-78cdc8f8]{line-height:1.3;font-size:.95rem!important}.menu-card p[data-v-78cdc8f8]{line-height:1.4;font-size:.8rem!important}.card-icon-wrapper[data-v-78cdc8f8]{border-radius:10px!important;width:48px!important;height:48px!important;font-size:1.5rem!important}}@media (width<=420px){.menu-cards[data-v-78cdc8f8]{grid-template-columns:1fr!important}}.page-container[data-v-1cbf5196]{direction:ltr;max-width:1200px;margin:0 auto;padding:2.5rem;font-family:Segoe UI,sans-serif}.header-section[data-v-1cbf5196]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h2[data-v-1cbf5196]{color:#111827;margin:0}.subtitle[data-v-1cbf5196]{color:#6b7280;margin:.25rem 0 0;font-size:.9rem}.add-btn[data-v-1cbf5196]{color:#fff;background:#10b981;border-radius:6px;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:background .2s}.add-btn[data-v-1cbf5196]:hover{background:#059669}.table-responsive[data-v-1cbf5196]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.employee-table[data-v-1cbf5196]{border-collapse:collapse;text-align:left;width:100%}.employee-table th[data-v-1cbf5196],.employee-table td[data-v-1cbf5196]{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.employee-table th[data-v-1cbf5196]{color:#374151;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;font-size:.8rem;font-weight:600}.clickable-row[data-v-1cbf5196]{cursor:pointer;transition:background .2s}.clickable-row[data-v-1cbf5196]:hover{background:#f3f4f6}.emp-code[data-v-1cbf5196]{color:#4b5563;font-family:monospace;font-weight:700}.emp-name[data-v-1cbf5196]{color:#2563eb;font-weight:500}.action-btns[data-v-1cbf5196]{gap:.5rem;display:flex}.edit-btn[data-v-1cbf5196]{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.4rem .8rem}.del-btn[data-v-1cbf5196]{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:.4rem .8rem}.edit-btn[data-v-1cbf5196]:hover{background:#dbeafe}.del-btn[data-v-1cbf5196]:hover{background:#fee2e2}.no-data[data-v-1cbf5196]{text-align:center;color:#6b7280;padding:3rem}.navigation-footer[data-v-1cbf5196]{text-align:left;margin-top:2rem}.back-home[data-v-1cbf5196]{color:#2563eb;font-weight:500;text-decoration:none}.back-home[data-v-1cbf5196]:hover{text-decoration:underline}.modal-overlay[data-v-1cbf5196]{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-card[data-v-1cbf5196]{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:650px;max-height:85vh;animation:.2s ease-out slideIn-1cbf5196;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-header[data-v-1cbf5196]{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3[data-v-1cbf5196]{color:#1e293b;margin:0;font-size:1.25rem}.close-modal-btn[data-v-1cbf5196]{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.75rem;line-height:1}.close-modal-btn[data-v-1cbf5196]:hover{color:#475569}.modal-body[data-v-1cbf5196]{text-align:left;padding:1.5rem;overflow-y:auto}.info-section[data-v-1cbf5196]{border-bottom:1px dashed #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.info-section[data-v-1cbf5196]:last-child{border:none;margin-bottom:0;padding-bottom:0}.info-section h4[data-v-1cbf5196]{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.95rem}.info-grid[data-v-1cbf5196]{grid-template-columns:repeat(2,11fr);gap:.75rem;display:grid}.info-grid p[data-v-1cbf5196]{color:#334155;margin:0;font-size:.95rem}.info-grid strong[data-v-1cbf5196]{color:#64748b;font-weight:500}.role-badge[data-v-1cbf5196]{color:#475569;background:#f1f5f9;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.status-active[data-v-1cbf5196]{color:#16a34a;font-weight:700}.status-inactive[data-v-1cbf5196]{color:#dc2626;font-weight:700}.status-pre[data-v-1cbf5196]{color:#0ea5e9;font-weight:700}.status-prob[data-v-1cbf5196]{color:#a855f7;font-weight:700}.exp-list[data-v-1cbf5196]{flex-direction:column;gap:.75rem;display:flex}.exp-item[data-v-1cbf5196]{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:0 6px 6px 0;padding:.75rem 1rem}.exp-item h5[data-v-1cbf5196]{color:#1e293b;margin:0 0 .25rem;font-size:.95rem}.exp-date[data-v-1cbf5196]{color:#64748b;font-size:.8rem}.exp-desc[data-v-1cbf5196]{color:#475569;margin:.5rem 0 0;font-size:.85rem;line-height:1.4}.no-exp-text[data-v-1cbf5196]{color:#94a3b8;margin:0;font-size:.9rem;font-style:italic}.employee-photo-small[data-v-1cbf5196]{object-fit:cover;border:2px solid #e5e7eb;border-radius:50%;width:40px;height:40px}.employee-photo-placeholder[data-v-1cbf5196]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.photo-section[data-v-1cbf5196]{justify-content:center;margin-bottom:1.5rem;display:flex}.employee-photo-large[data-v-1cbf5196]{object-fit:cover;border:4px solid #e5e7eb;border-radius:50%;width:120px;height:120px;box-shadow:0 4px 6px #0000001a}.employee-photo-placeholder-large[data-v-1cbf5196]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:4px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:2.5rem;font-weight:700;display:flex;box-shadow:0 4px 6px #0000001a}@keyframes slideIn-1cbf5196{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.page-container[data-v-1cbf5196]{max-width:100%!important;padding:1rem!important}.header-section[data-v-1cbf5196]{flex-direction:column!important;align-items:flex-start!important;gap:.85rem!important;margin-bottom:1.25rem!important}.header-section h2[data-v-1cbf5196]{font-size:1.3rem!important}.subtitle[data-v-1cbf5196]{font-size:.85rem!important}.add-btn[data-v-1cbf5196]{text-align:center;width:100%;min-height:44px;border-radius:10px!important;padding:.75rem 1.1rem!important;font-size:.95rem!important}.table-responsive[data-v-1cbf5196]{-webkit-overflow-scrolling:touch;border-radius:10px;width:100%;overflow-x:auto}.employee-table[data-v-1cbf5196]{min-width:720px}.employee-table th[data-v-1cbf5196],.employee-table td[data-v-1cbf5196]{font-size:.9rem;padding:.75rem .9rem!important}.action-btns[data-v-1cbf5196]{flex-wrap:wrap;gap:.4rem}.edit-btn[data-v-1cbf5196],.del-btn[data-v-1cbf5196]{min-height:40px;padding:.55rem .9rem!important;font-size:.88rem!important}.employee-photo-small[data-v-1cbf5196],.employee-photo-placeholder[data-v-1cbf5196]{width:36px!important;height:36px!important;font-size:.9rem!important}.modal-card[data-v-1cbf5196]{margin:.5rem;border-radius:12px!important;max-width:100%!important;max-height:92vh!important}.modal-header[data-v-1cbf5196]{padding:1rem 1.1rem!important}.modal-header h3[data-v-1cbf5196]{font-size:1.1rem!important}.modal-body[data-v-1cbf5196]{padding:1rem 1.1rem!important}.info-section[data-v-1cbf5196]{margin-bottom:1rem!important;padding-bottom:.75rem!important}.info-section h4[data-v-1cbf5196]{margin-bottom:.6rem!important;font-size:.85rem!important}.info-grid[data-v-1cbf5196]{grid-template-columns:1fr!important;gap:.65rem!important}.info-grid p[data-v-1cbf5196]{font-size:.9rem!important}.exp-item[data-v-1cbf5196]{padding:.7rem .85rem!important}.employee-photo-large[data-v-1cbf5196],.employee-photo-placeholder-large[data-v-1cbf5196]{width:88px!important;height:88px!important;font-size:1.8rem!important}.close-modal-btn[data-v-1cbf5196]{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.no-data[data-v-1cbf5196]{font-size:.9rem;padding:2rem 1rem!important}.navigation-footer[data-v-1cbf5196]{margin-top:1.25rem!important}.back-home[data-v-1cbf5196]{min-height:44px;padding:.7rem 0;display:inline-block;font-size:.95rem!important}}.form-container[data-v-1fca4a79]{direction:ltr;background:#f9fafb;justify-content:center;padding:3rem 1rem;font-family:Segoe UI,sans-serif;display:flex}.card[data-v-1fca4a79]{background:#fff;border-radius:12px;width:100%;max-width:650px;padding:2.5rem;box-shadow:0 10px 15px -3px #0000000d}h3[data-v-1fca4a79]{color:#111827;margin:0;font-size:1.5rem}.form-subtitle[data-v-1fca4a79]{color:#6b7280;margin:.25rem 0 2rem;font-size:.85rem}.form-row[data-v-1fca4a79]{gap:1.5rem;display:flex}.form-group[data-v-1fca4a79]{flex:1;margin-bottom:1.25rem}.form-group label[data-v-1fca4a79]{color:#4b5563;text-align:left;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-group input[data-v-1fca4a79],.form-group select[data-v-1fca4a79]{box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem;font-size:.95rem}.form-group input[data-v-1fca4a79]:focus,.form-group select[data-v-1fca4a79]:focus{border-color:#2563eb;outline:none}.form-group select[data-v-1fca4a79]:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.success-alert[data-v-1fca4a79]{color:#065f46;background:#d1fae5;border-radius:6px;margin-top:1rem;padding:1rem;font-size:.9rem;font-weight:500}.actions[data-v-1fca4a79]{gap:1rem;margin-top:2rem;display:flex}.save-btn[data-v-1fca4a79]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.75rem 2rem;font-weight:700}.save-btn[data-v-1fca4a79]:hover{background:#1d4ed8}.save-btn[data-v-1fca4a79]:disabled{cursor:not-allowed;background:#93c5fd}.back-btn[data-v-1fca4a79]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;align-items:center;padding:.75rem 1.5rem;text-decoration:none;display:flex}.field-header[data-v-1fca4a79]{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.add-btn[data-v-1fca4a79]{color:#0369a1;cursor:pointer;background:#e0f2fe;border:none;border-radius:4px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.add-btn[data-v-1fca4a79]:hover{background:#bae6fd}.modal-overlay[data-v-1fca4a79]{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-1fca4a79]{background:#fff;border-radius:12px;width:90%;max-width:450px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a}.modal-header[data-v-1fca4a79]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h4[data-v-1fca4a79]{color:#111827;margin:0;font-size:1.25rem}.close-btn[data-v-1fca4a79]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;display:flex}.close-btn[data-v-1fca4a79]:hover{background:#f3f4f6}@media (width<=768px){.form-container[data-v-1fca4a79]{padding:1rem!important}.card[data-v-1fca4a79]{border-radius:10px!important;padding:1.25rem!important}.form-row[data-v-1fca4a79]{flex-direction:column;gap:.75rem}.form-group[data-v-1fca4a79]{margin-bottom:1rem}.form-group input[data-v-1fca4a79],.form-group select[data-v-1fca4a79],.form-group textarea[data-v-1fca4a79],input[data-v-1fca4a79],select[data-v-1fca4a79],textarea[data-v-1fca4a79],button[data-v-1fca4a79]{min-height:44px}.actions[data-v-1fca4a79]{flex-direction:column;gap:.75rem}.actions button[data-v-1fca4a79],.actions .back-btn[data-v-1fca4a79]{justify-content:center;width:100%}.field-header[data-v-1fca4a79]{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-content[data-v-1fca4a79]{width:95%;padding:1.25rem}.modal-header[data-v-1fca4a79]{flex-direction:column;align-items:flex-start;gap:.75rem}}.page-container[data-v-e9aca9c3]{direction:ltr;max-width:1200px;margin:0 auto;padding:2.5rem;font-family:Segoe UI,sans-serif}.header-section[data-v-e9aca9c3]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h2[data-v-e9aca9c3]{color:#111827;margin:0}.subtitle[data-v-e9aca9c3]{color:#6b7280;margin:.25rem 0 0;font-size:.9rem}.management-grid[data-v-e9aca9c3]{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.form-card[data-v-e9aca9c3],.table-card[data-v-e9aca9c3]{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000000d}.form-card h3[data-v-e9aca9c3]{color:#111827;margin-top:0;margin-bottom:1.5rem;font-size:1.2rem}.form-group[data-v-e9aca9c3]{margin-bottom:1.25rem}.form-group label[data-v-e9aca9c3]{color:#4b5563;text-align:left;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-group input[data-v-e9aca9c3],.form-group select[data-v-e9aca9c3]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem}.form-group input[data-v-e9aca9c3]:focus,.form-group select[data-v-e9aca9c3]:focus{border-color:#2563eb;outline:none}.currency-cell[data-v-e9aca9c3]{color:#4b5563;font-family:monospace;font-weight:700}.time-zone-cell[data-v-e9aca9c3]{color:#4b5563;font-family:monospace}.form-actions[data-v-e9aca9c3]{gap:.5rem;margin-top:1.5rem;display:flex}.save-btn[data-v-e9aca9c3]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;flex:1;padding:.75rem 1.5rem;font-weight:700}.save-btn[data-v-e9aca9c3]:hover{background:#1d4ed8}.cancel-btn[data-v-e9aca9c3]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:.75rem 1rem}.table-responsive[data-v-e9aca9c3]{overflow-x:auto}.data-table[data-v-e9aca9c3]{border-collapse:collapse;text-align:left;width:100%}.data-table th[data-v-e9aca9c3],.data-table td[data-v-e9aca9c3]{border-bottom:1px solid #e5e7eb;padding:1rem}.data-table th[data-v-e9aca9c3]{color:#374151;text-transform:uppercase;background:#f9fafb;font-size:.85rem;font-weight:600}.id-cell[data-v-e9aca9c3]{color:#6b7280;font-family:monospace;font-weight:700}.name-cell[data-v-e9aca9c3]{color:#111827;font-weight:500}.action-btns[data-v-e9aca9c3]{gap:.5rem;display:flex}.edit-btn[data-v-e9aca9c3]{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.35rem .7rem}.del-btn[data-v-e9aca9c3]{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:.35rem .7rem}.edit-btn[data-v-e9aca9c3]:hover{background:#dbeafe}.del-btn[data-v-e9aca9c3]:hover{background:#fee2e2}.no-data[data-v-e9aca9c3]{text-align:center;color:#6b7280;padding:2rem}.navigation-footer[data-v-e9aca9c3]{text-align:left;margin-top:2rem}.back-home[data-v-e9aca9c3]{color:#2563eb;font-weight:500;text-decoration:none}.back-home[data-v-e9aca9c3]:hover{text-decoration:underline}@media (width<=768px){.page-container[data-v-e9aca9c3]{padding:1rem!important}.header-section[data-v-e9aca9c3]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-e9aca9c3]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-e9aca9c3]{min-width:720px}th[data-v-e9aca9c3],td[data-v-e9aca9c3]{padding:.75rem .9rem!important}button[data-v-e9aca9c3],.btn[data-v-e9aca9c3],input[data-v-e9aca9c3],select[data-v-e9aca9c3],textarea[data-v-e9aca9c3]{min-height:44px}.form-card[data-v-e9aca9c3],.table-card[data-v-e9aca9c3]{padding:1rem!important}}.page-container[data-v-11542148]{direction:ltr;max-width:1200px;margin:0 auto;padding:2.5rem;font-family:Segoe UI,sans-serif}.header-section[data-v-11542148]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h2[data-v-11542148]{color:#111827;margin:0}.subtitle[data-v-11542148]{color:#6b7280;margin:.25rem 0 0;font-size:.9rem}.management-grid[data-v-11542148]{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.form-card[data-v-11542148],.table-card[data-v-11542148]{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000000d}.form-card h3[data-v-11542148]{color:#111827;margin-top:0;margin-bottom:1.5rem;font-size:1.2rem}.form-group[data-v-11542148]{margin-bottom:1.25rem}.form-group label[data-v-11542148]{color:#4b5563;text-align:left;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-group select[data-v-11542148]{box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem}.form-actions[data-v-11542148]{gap:.5rem;margin-top:1.5rem;display:flex}.save-btn[data-v-11542148]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;flex:1;padding:.75rem 1.5rem;font-weight:700}.save-btn[data-v-11542148]:hover{background:#1d4ed8}.cancel-btn[data-v-11542148]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:.75rem 1rem}.table-responsive[data-v-11542148]{overflow-x:auto}.data-table[data-v-11542148]{border-collapse:collapse;text-align:left;width:100%}.data-table th[data-v-11542148],.data-table td[data-v-11542148]{border-bottom:1px solid #e5e7eb;padding:1rem}.data-table th[data-v-11542148]{color:#374151;text-transform:uppercase;background:#f9fafb;font-size:.85rem;font-weight:600}.id-cell[data-v-11542148]{color:#6b7280;font-family:monospace;font-weight:700}.name-cell[data-v-11542148]{color:#111827;font-weight:500}.company-badge[data-v-11542148]{color:#166534;background:#f0fdf4;border-radius:4px;padding:.25rem .5rem;font-size:.85rem;font-weight:500}.action-btns[data-v-11542148]{gap:.5rem;display:flex}.edit-btn[data-v-11542148]{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.35rem .7rem}.del-btn[data-v-11542148]{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:.35rem .7rem}.edit-btn[data-v-11542148]:hover{background:#dbeafe}.del-btn[data-v-11542148]:hover{background:#fee2e2}.no-data[data-v-11542148]{text-align:center;color:#6b7280;padding:2rem}.navigation-footer[data-v-11542148]{text-align:left;margin-top:2rem}.back-home[data-v-11542148]{color:#2563eb;font-weight:500;text-decoration:none}.back-home[data-v-11542148]:hover{text-decoration:underline}@media (width<=768px){.page-container[data-v-11542148]{padding:1rem!important}.header-section[data-v-11542148]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-11542148]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-11542148]{min-width:720px}th[data-v-11542148],td[data-v-11542148]{padding:.75rem .9rem!important}button[data-v-11542148],.btn[data-v-11542148],input[data-v-11542148],select[data-v-11542148],textarea[data-v-11542148]{min-height:44px}.form-card[data-v-11542148],.table-card[data-v-11542148]{padding:1rem!important}}.page-container[data-v-6dc9f486]{direction:ltr;max-width:1200px;margin:0 auto;padding:2.5rem;font-family:Segoe UI,sans-serif}.header-section[data-v-6dc9f486]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h2[data-v-6dc9f486]{color:#111827;margin:0}.subtitle[data-v-6dc9f486]{color:#6b7280;margin:.25rem 0 0;font-size:.9rem}.management-grid[data-v-6dc9f486]{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.form-card[data-v-6dc9f486],.table-card[data-v-6dc9f486]{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000000d}.form-card h3[data-v-6dc9f486]{color:#111827;margin-top:0;margin-bottom:1.5rem;font-size:1.2rem}.form-group[data-v-6dc9f486]{margin-bottom:1.25rem}.form-group label[data-v-6dc9f486]{color:#4b5563;text-align:left;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-group input[data-v-6dc9f486],.form-group select[data-v-6dc9f486]{box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem}.form-actions[data-v-6dc9f486]{gap:.5rem;margin-top:1.5rem;display:flex}.save-btn[data-v-6dc9f486]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;flex:1;padding:.75rem 1.5rem;font-weight:700}.save-btn[data-v-6dc9f486]:hover{background:#1d4ed8}.cancel-btn[data-v-6dc9f486]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:.75rem 1rem}.table-responsive[data-v-6dc9f486]{overflow-x:auto}.data-table[data-v-6dc9f486]{border-collapse:collapse;text-align:left;width:100%}.data-table th[data-v-6dc9f486],.data-table td[data-v-6dc9f486]{border-bottom:1px solid #e5e7eb;padding:1rem}.data-table th[data-v-6dc9f486]{color:#374151;text-transform:uppercase;background:#f9fafb;font-size:.85rem;font-weight:600}.id-cell[data-v-6dc9f486]{color:#6b7280;font-family:monospace;font-weight:700}.name-cell[data-v-6dc9f486]{color:#111827;font-weight:500}.parent-badge[data-v-6dc9f486]{color:#1e40af;background:#eff6ff;border-radius:4px;padding:.25rem .5rem;font-size:.85rem;font-weight:500}.main-badge[data-v-6dc9f486]{color:#4b5563;background:#f3f4f6;border-radius:4px;padding:.25rem .5rem;font-size:.85rem;font-weight:500}.action-btns[data-v-6dc9f486]{gap:.5rem;display:flex}.edit-btn[data-v-6dc9f486]{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.35rem .7rem}.del-btn[data-v-6dc9f486]{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:.35rem .7rem}.no-data[data-v-6dc9f486]{text-align:center;color:#6b7280;padding:2rem}.navigation-footer[data-v-6dc9f486]{text-align:left;margin-top:2rem}.back-home[data-v-6dc9f486]{color:#2563eb;font-weight:500;text-decoration:none}.back-home[data-v-6dc9f486]:hover{text-decoration:underline}@media (width<=768px){.page-container[data-v-6dc9f486]{padding:1rem!important}.header-section[data-v-6dc9f486]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-6dc9f486]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-6dc9f486]{min-width:720px}th[data-v-6dc9f486],td[data-v-6dc9f486]{padding:.75rem .9rem!important}button[data-v-6dc9f486],.btn[data-v-6dc9f486],input[data-v-6dc9f486],select[data-v-6dc9f486],textarea[data-v-6dc9f486]{min-height:44px}.form-card[data-v-6dc9f486],.table-card[data-v-6dc9f486]{padding:1rem!important}}.page-container[data-v-be1a48c0]{direction:ltr;max-width:1200px;margin:0 auto;padding:2.5rem;font-family:Segoe UI,sans-serif}.header-section[data-v-be1a48c0]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h2[data-v-be1a48c0]{color:#111827;margin:0}.subtitle[data-v-be1a48c0]{color:#6b7280;margin:.25rem 0 0;font-size:.9rem}.management-grid[data-v-be1a48c0]{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.form-card[data-v-be1a48c0],.table-card[data-v-be1a48c0]{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000000d}.form-card h3[data-v-be1a48c0]{color:#111827;margin-top:0;margin-bottom:1.5rem;font-size:1.2rem}.form-group[data-v-be1a48c0]{margin-bottom:1.25rem}.form-group label[data-v-be1a48c0]{color:#4b5563;text-align:left;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-group input[data-v-be1a48c0]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem}.form-actions[data-v-be1a48c0]{gap:.5rem;margin-top:1.5rem;display:flex}.save-btn[data-v-be1a48c0]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;flex:1;padding:.75rem 1.5rem;font-weight:700}.save-btn[data-v-be1a48c0]:hover{background:#1d4ed8}.cancel-btn[data-v-be1a48c0]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:.75rem 1rem}.table-responsive[data-v-be1a48c0]{overflow-x:auto}.data-table[data-v-be1a48c0]{border-collapse:collapse;text-align:left;width:100%}.data-table th[data-v-be1a48c0],.data-table td[data-v-be1a48c0]{border-bottom:1px solid #e5e7eb;padding:1rem}.data-table th[data-v-be1a48c0]{color:#374151;text-transform:uppercase;background:#f9fafb;font-size:.85rem;font-weight:600}.id-cell[data-v-be1a48c0]{color:#6b7280;font-family:monospace;font-weight:700}.name-cell[data-v-be1a48c0]{color:#111827;font-weight:500}.action-btns[data-v-be1a48c0]{gap:.5rem;display:flex}.edit-btn[data-v-be1a48c0]{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.35rem .7rem}.del-btn[data-v-be1a48c0]{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:.35rem .7rem}.no-data[data-v-be1a48c0]{text-align:center;color:#6b7280;padding:2rem}.navigation-footer[data-v-be1a48c0]{text-align:left;margin-top:2rem}.back-home[data-v-be1a48c0]{color:#2563eb;font-weight:500;text-decoration:none}.back-home[data-v-be1a48c0]:hover{text-decoration:underline}@media (width<=768px){.page-container[data-v-be1a48c0]{padding:1rem!important}.header-section[data-v-be1a48c0]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-be1a48c0]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-be1a48c0]{min-width:720px}th[data-v-be1a48c0],td[data-v-be1a48c0]{padding:.75rem .9rem!important}button[data-v-be1a48c0],.btn[data-v-be1a48c0],input[data-v-be1a48c0],select[data-v-be1a48c0],textarea[data-v-be1a48c0]{min-height:44px}.form-card[data-v-be1a48c0],.table-card[data-v-be1a48c0]{padding:1rem!important}}.workforce-container[data-v-a4ff7b7d]{text-align:left;direction:ltr;background-color:#f9fafb;min-height:100vh;padding:2rem;font-family:Segoe UI,sans-serif}.workforce-header h2[data-v-a4ff7b7d]{color:#111827;margin:0;font-size:1.75rem}.subtitle[data-v-a4ff7b7d]{color:#6b7280;margin:.25rem 0 1.5rem;font-size:.9rem}.tabs-bar[data-v-a4ff7b7d]{border-bottom:2px solid #e5e7eb;gap:.5rem;margin-bottom:2rem;display:flex}.tab-btn[data-v-a4ff7b7d]{color:#4b5563;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s}.tab-btn[data-v-a4ff7b7d]:hover{color:#2563eb}.tab-btn.active[data-v-a4ff7b7d]{color:#2563eb;border-bottom-color:#2563eb}.metrics-grid[data-v-a4ff7b7d]{flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;display:flex}.metric-card[data-v-a4ff7b7d]{background:#fff;border-left:4px solid #9ca3af;border-radius:10px;flex:1;align-items:center;gap:1rem;min-width:220px;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.metric-card.success[data-v-a4ff7b7d]{border-left-color:#10b981}.metric-card.warning[data-v-a4ff7b7d]{border-left-color:#f59e0b}.metric-card.info[data-v-a4ff7b7d]{border-left-color:#3b82f6}.card-icon[data-v-a4ff7b7d]{font-size:2rem}.card-info h4[data-v-a4ff7b7d]{color:#6b7280;text-transform:uppercase;margin:0;font-size:.85rem}.card-info .count[data-v-a4ff7b7d]{color:#111827;margin:.25rem 0 0;font-size:1.5rem;font-weight:700}.data-box[data-v-a4ff7b7d]{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.data-box h3[data-v-a4ff7b7d]{color:#111827;margin-top:0;font-size:1.1rem}.turnover-flex[data-v-a4ff7b7d]{align-items:center;gap:3rem;display:flex}.turnover-num h2[data-v-a4ff7b7d]{color:#ef4444;margin:0;font-size:3rem}.turnover-num p[data-v-a4ff7b7d]{color:#6b7280;margin:0;font-size:.85rem;font-weight:600}.turnover-details p[data-v-a4ff7b7d]{color:#374151;margin:.25rem 0;font-size:.95rem}.hint[data-v-a4ff7b7d]{color:#9ca3af;margin-top:4px;font-size:.8rem}.section-actions[data-v-a4ff7b7d]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:1rem;display:flex}.section-actions h3[data-v-a4ff7b7d]{color:#111827;margin:0;font-size:1.2rem}.primary-btn[data-v-a4ff7b7d]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:600}.danger-btn[data-v-a4ff7b7d]{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:600}.custom-table[data-v-a4ff7b7d]{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.custom-table th[data-v-a4ff7b7d],.custom-table td[data-v-a4ff7b7d]{text-align:left;border-bottom:1px solid #f3f4f6;padding:1rem}.custom-table th[data-v-a4ff7b7d]{color:#4b5563;text-transform:uppercase;background:#f9fafb;font-size:.85rem;font-weight:600}.custom-table td[data-v-a4ff7b7d]{color:#111827;font-size:.95rem}.no-data[data-v-a4ff7b7d]{color:#9ca3af;text-align:center!important;padding:2rem!important}.status-select-dropdown[data-v-a4ff7b7d]{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;padding:.45rem .8rem;font-size:.85rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.status-select-dropdown[data-v-a4ff7b7d]:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.badge[data-v-a4ff7b7d]{text-transform:uppercase;border-radius:50px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.badge.pending[data-v-a4ff7b7d]{color:#d97706;background:#fef3c7}.badge.approved[data-v-a4ff7b7d],.badge.cleared[data-v-a4ff7b7d],.badge.act[data-v-a4ff7b7d]{color:#065f46;background:#d1fae5}.badge.rejected[data-v-a4ff7b7d],.badge.ter[data-v-a4ff7b7d]{color:#991b1b;background:#fee2e2}.badge.pre[data-v-a4ff7b7d]{color:#0369a1;background:#e0f2fe}.badge.prob[data-v-a4ff7b7d]{color:#6b21a8;background:#f3e8ff}.table-btns[data-v-a4ff7b7d]{gap:.5rem;display:flex}.btn-approve[data-v-a4ff7b7d]{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:4px;padding:.35rem .75rem;font-size:.8rem}.btn-reject[data-v-a4ff7b7d]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;padding:.35rem .75rem;font-size:.8rem}.btn-view-checklist[data-v-a4ff7b7d]{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:.4rem .8rem;font-size:.85rem}.btn-view-checklist[data-v-a4ff7b7d]:hover{background:#e5e7eb}.modal-backdrop[data-v-a4ff7b7d]{z-index:1000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-card[data-v-a4ff7b7d]{background:#fff;border-radius:10px;width:100%;max-width:480px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a}.modal-card.wide-modal[data-v-a4ff7b7d]{max-width:600px}.modal-card h3[data-v-a4ff7b7d]{color:#111827;margin-top:0;font-size:1.3rem}.modal-desc[data-v-a4ff7b7d]{color:#6b7280;margin-top:-.5rem;margin-bottom:1.5rem;font-size:.85rem}.modal-field[data-v-a4ff7b7d]{margin-bottom:1rem}.modal-field label[data-v-a4ff7b7d]{color:#4b5563;margin-bottom:.25rem;font-size:.85rem;font-weight:500;display:block}.modal-field select[data-v-a4ff7b7d],.modal-field input[data-v-a4ff7b7d],.modal-field textarea[data-v-a4ff7b7d]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.6rem}.modal-actions[data-v-a4ff7b7d]{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.btn-cancel[data-v-a4ff7b7d]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.btn-submit[data-v-a4ff7b7d]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.5rem 1.2rem;font-weight:600}.btn-danger-action[data-v-a4ff7b7d]{background:#dc2626}.checklist-items-holder[data-v-a4ff7b7d]{flex-direction:column;gap:1rem;margin:1.5rem 0;display:flex}.checklist-row-item[data-v-a4ff7b7d]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.dept-tag[data-v-a4ff7b7d]{color:#fff;background:#374151;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.item-meta p[data-v-a4ff7b7d]{margin:.25rem 0 0;font-size:.85rem}.text-success[data-v-a4ff7b7d]{color:#10b981}.text-warn[data-v-a4ff7b7d]{color:#f59e0b}.btn-signoff[data-v-a4ff7b7d]{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.check-done[data-v-a4ff7b7d]{color:#9ca3af;font-size:.85rem;font-weight:500}.loading-state[data-v-a4ff7b7d]{text-align:center;color:#6b7280;padding:3rem;font-weight:500}@media (width<=768px){.page-container[data-v-a4ff7b7d],.workforce-container[data-v-a4ff7b7d]{padding:1rem!important}.header-section[data-v-a4ff7b7d]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.workforce-header[data-v-a4ff7b7d]{padding-left:0!important;padding-right:0!important}.table-responsive[data-v-a4ff7b7d]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-a4ff7b7d]{min-width:720px}th[data-v-a4ff7b7d],td[data-v-a4ff7b7d]{padding:.75rem .9rem!important}button[data-v-a4ff7b7d],.btn[data-v-a4ff7b7d],input[data-v-a4ff7b7d],select[data-v-a4ff7b7d],textarea[data-v-a4ff7b7d]{min-height:44px}.metric-card[data-v-a4ff7b7d],.data-box[data-v-a4ff7b7d],.modal-card[data-v-a4ff7b7d],.card[data-v-a4ff7b7d]{padding:1rem!important}}.setup-wrapper[data-v-4d02845c]{direction:ltr;background-color:#f8fafc;min-height:100vh;padding:2rem;font-family:Inter,-apple-system,sans-serif}.page-header[data-v-4d02845c]{margin-bottom:2.5rem}.page-title[data-v-4d02845c]{color:#0f172a;margin:0;font-size:1.75rem;font-weight:700}.page-subtitle[data-v-4d02845c]{color:#64748b;margin-top:.35rem;font-size:.95rem}.main-layout-grid[data-v-4d02845c]{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1024px){.main-layout-grid[data-v-4d02845c]{grid-template-columns:1fr 2fr}}.controls-column[data-v-4d02845c],.data-column[data-v-4d02845c]{flex-direction:column;gap:2rem;display:flex}.card[data-v-4d02845c]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008}.card-header[data-v-4d02845c]{background:#fafafa;border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.card-header h3[data-v-4d02845c]{color:#1e293b;margin:0;font-size:1.1rem;font-weight:600}.card-header .icon[data-v-4d02845c]{font-size:1.3rem}.border-blue[data-v-4d02845c]{border-left:4px solid #3b82f6}.border-teal[data-v-4d02845c]{border-left:4px solid #14b8a6}.border-purple[data-v-4d02845c]{border-left:4px solid #8b5cf6}.border-orange[data-v-4d02845c]{border-left:4px solid #f97316}.form-body[data-v-4d02845c]{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.input-block[data-v-4d02845c]{text-align:left;flex-direction:column;gap:.5rem;display:flex}.input-block label[data-v-4d02845c]{color:#475569;font-size:.85rem;font-weight:600}.input-block input[data-v-4d02845c],.table-inline-select[data-v-4d02845c]{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.75rem;font-size:.95rem;transition:all .2s}.input-block input[data-v-4d02845c]:focus,.table-inline-select[data-v-4d02845c]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.input-row[data-v-4d02845c]{gap:1rem;display:flex}.checkbox-block[data-v-4d02845c]{text-align:left;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.checkbox-block input[data-v-4d02845c]{cursor:pointer;width:16px;height:16px}.checkbox-block label[data-v-4d02845c]{color:#334155;cursor:pointer;font-size:.9rem;font-weight:500}.helper-text[data-v-4d02845c]{color:#64748b;margin-top:.25rem;font-size:.75rem;display:block}.btn-group[data-v-4d02845c]{gap:.75rem;width:100%;display:flex}.btn-primary[data-v-4d02845c]{color:#fff;cursor:pointer;background:#14b8a6;border:none;border-radius:8px;flex:1;padding:.75rem;font-weight:600;transition:background .2s}.btn-primary[data-v-4d02845c]:hover{background:#0d9488}.btn-secondary[data-v-4d02845c]{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;flex:1;padding:.75rem;font-weight:600;transition:background .2s}.btn-secondary[data-v-4d02845c]:hover{background:#7c3aed}.btn-orange-submit[data-v-4d02845c]{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;flex:1;padding:.75rem;font-weight:600;transition:background .2s}.btn-orange-submit[data-v-4d02845c]:hover{background:#ea580c}.btn-blue-submit[data-v-4d02845c]{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;flex:1;padding:.75rem;font-weight:600;transition:background .2s}.btn-blue-submit[data-v-4d02845c]:hover{background:#2563eb}.btn-cancel[data-v-4d02845c]{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;padding:.75rem 1.25rem;font-weight:600;transition:background .2s}.btn-cancel[data-v-4d02845c]:hover{background:#cbd5e1}.table-responsive[data-v-4d02845c]{width:100%;overflow-x:auto}.modern-table[data-v-4d02845c]{border-collapse:collapse;text-align:left;width:100%;font-size:.92rem}.modern-table th[data-v-4d02845c]{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:.82rem;font-weight:600}.modern-table td[data-v-4d02845c]{color:#334155;border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem}.table-row-hover[data-v-4d02845c]:hover{background-color:#f8fafc}.actions-cell[data-v-4d02845c]{justify-content:center;align-items:center;gap:.5rem;display:flex}.btn-action[data-v-4d02845c]{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.1rem;transition:background .2s}.btn-action[data-v-4d02845c]:hover{background-color:#f1f5f9}.text-center[data-v-4d02845c]{text-align:center}.text-muted[data-v-4d02845c]{color:#94a3b8;padding:2rem!important}.status-badge[data-v-4d02845c]{border-radius:50px;padding:.25rem .6rem;font-size:.78rem;font-weight:600}.bg-green[data-v-4d02845c]{color:#15803d;background:#dcfce7}.bg-gray[data-v-4d02845c]{color:#475569;background:#f1f5f9}.time-tag[data-v-4d02845c],.date-tag[data-v-4d02845c],.code-tag[data-v-4d02845c]{color:#334155;background:#f1f5f9;border-radius:6px;padding:.35rem .6rem;font-family:monospace;font-weight:600}.code-tag[data-v-4d02845c]{color:#1e40af;background:#eff6ff}.date-tag[data-v-4d02845c]{color:#5b21b6;background:#f5f3ff}.semi-bold[data-v-4d02845c]{font-weight:600}.text-dark[data-v-4d02845c]{color:#0f172a}.checkbox-block input[data-v-4d02845c],.checkbox-item input[data-v-4d02845c]{appearance:auto;-webkit-appearance:checkbox;opacity:1;width:16px;height:16px;display:inline-block}@media (width<=768px){.page-container[data-v-4d02845c],.setup-wrapper[data-v-4d02845c]{padding:1rem!important}.header-section[data-v-4d02845c],.page-header[data-v-4d02845c]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-4d02845c]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-4d02845c]{min-width:720px}th[data-v-4d02845c],td[data-v-4d02845c]{padding:.75rem .9rem!important}button[data-v-4d02845c],.btn[data-v-4d02845c],input[data-v-4d02845c],select[data-v-4d02845c],textarea[data-v-4d02845c]{min-height:44px}.card[data-v-4d02845c]{padding:1rem!important}.main-layout-grid[data-v-4d02845c]{grid-template-columns:1fr!important}.controls-column[data-v-4d02845c],.data-column[data-v-4d02845c]{padding:1rem!important}}.attendance-container[data-v-6c11ff31]{direction:rtl;background:#f8fafc;justify-content:center;align-items:center;min-height:90vh;padding:1.5rem;font-family:system-ui,-apple-system,sans-serif;display:flex}.attendance-card[data-v-6c11ff31]{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:460px;padding:2.5rem;box-shadow:0 10px 30px #0000000a}.title[data-v-6c11ff31]{color:#1e293b;margin:0;font-size:1.6rem;font-weight:800}.subtitle[data-v-6c11ff31]{color:#64748b;margin-top:.5rem;margin-bottom:2rem;font-size:.88rem;line-height:1.6}.status-box[data-v-6c11ff31]{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.92rem;display:flex}.status-item[data-v-6c11ff31]{justify-content:space-between;align-items:center;display:flex}.text-green[data-v-6c11ff31]{color:#16a34a;font-weight:700}.text-orange[data-v-6c11ff31]{color:#d97706;font-weight:600}.camera-wrapper[data-v-6c11ff31]{background:#0f172a;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:flex-end;height:280px;margin-bottom:2rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000000b3}.video-feed[data-v-6c11ff31],.captured-preview[data-v-6c11ff31]{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.camera-controls[data-v-6c11ff31]{z-index:10;width:100%;padding:1.25rem;position:relative}.btn-snap[data-v-6c11ff31]{color:#0f172a;cursor:pointer;background:#fffffff2;border:none;border-radius:50px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #00000026}.btn-snap[data-v-6c11ff31]:hover{background:#fff;transform:scale(1.03)}.btn-retake[data-v-6c11ff31]{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:700}.action-buttons[data-v-6c11ff31]{flex-direction:column;gap:1rem;display:flex}.btn-checkin[data-v-6c11ff31],.btn-checkout[data-v-6c11ff31]{cursor:pointer;text-align:center;border:none;border-radius:12px;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s}.btn-checkin[data-v-6c11ff31]{color:#fff;background:#2563eb;box-shadow:0 4px 14px #2563eb40}.btn-checkin[data-v-6c11ff31]:hover:not(:disabled){background:#1d4ed8}.btn-checkin[data-v-6c11ff31]:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#cbd5e1}.btn-checkout[data-v-6c11ff31]{color:#fff;background:#10b981;box-shadow:0 4px 14px #10b98140}.btn-checkout[data-v-6c11ff31]:hover{background:#059669}.server-notif[data-v-6c11ff31]{text-align:right;border-radius:10px;margin-bottom:1.5rem;padding:1rem;font-size:.95rem;font-weight:600;line-height:1.4}.success-style[data-v-6c11ff31]{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.error-style[data-v-6c11ff31]{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.wfh-toggle-box[data-v-6c11ff31]{direction:rtl;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:1.5rem;padding:.75rem;display:flex}.wfh-label[data-v-6c11ff31]{color:#334155;font-size:.9rem;font-weight:700}.switch-container[data-v-6c11ff31]{width:46px;height:24px;margin:0;display:inline-block;position:relative}.switch-container input[data-v-6c11ff31]{opacity:0;width:0;height:0}.slider[data-v-6c11ff31]{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider[data-v-6c11ff31]:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider[data-v-6c11ff31]{background-color:#2563eb}input:checked+.slider[data-v-6c11ff31]:before{transform:translate(22px)}@media (width<=768px){.page-container[data-v-6c11ff31]{padding:1rem!important}.attendance-container[data-v-6c11ff31]{direction:ltr;padding:1rem!important}.header-section[data-v-6c11ff31]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-6c11ff31]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-6c11ff31]{min-width:720px}th[data-v-6c11ff31],td[data-v-6c11ff31]{padding:.75rem .9rem!important}button[data-v-6c11ff31],.btn[data-v-6c11ff31],input[data-v-6c11ff31],select[data-v-6c11ff31],textarea[data-v-6c11ff31]{min-height:44px}.attendance-card[data-v-6c11ff31]{padding:1rem!important}.card-body[data-v-6c11ff31]{padding-left:1rem!important;padding-right:1rem!important}.camera-preview[data-v-6c11ff31]{max-width:100%!important}#camera-video[data-v-6c11ff31]{width:100%!important}}.monitor-container[data-v-eebffccd]{direction:rtl;background:#f8fafc;min-height:85vh;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.monitor-card[data-v-eebffccd]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2.5rem;box-shadow:0 10px 25px #00000005}.monitor-header[data-v-eebffccd]{text-align:right;border-bottom:1px solid #f1f5f9;margin-bottom:2rem;padding-bottom:1.5rem}.monitor-header h2[data-v-eebffccd]{color:#0f172a;margin:0;font-size:1.6rem;font-weight:800}.subtitle[data-v-eebffccd]{color:#64748b;margin-top:.5rem;font-size:.95rem}.company-badge[data-v-eebffccd]{color:#0369a1;background:#e0f2fe;border-radius:8px;margin-right:.5rem;padding:.3rem .8rem;font-size:.9rem;font-weight:700;display:inline-block}.control-bar[data-v-eebffccd]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.filter-group[data-v-eebffccd]{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.filter-group label[data-v-eebffccd]{color:#334155;font-size:.9rem;font-weight:700}.date-input[data-v-eebffccd]{background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:.4rem .75rem;font-family:inherit;font-weight:600}.search-group[data-v-eebffccd]{flex-grow:1;max-width:400px}.search-input[data-v-eebffccd]{border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.search-input[data-v-eebffccd]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.table-responsive[data-v-eebffccd]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.attendance-table[data-v-eebffccd]{border-collapse:collapse;text-align:right;width:100%;font-size:.92rem}.attendance-table th[data-v-eebffccd]{color:#475569;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:1.2rem 1rem;font-size:.9rem;font-weight:700}.attendance-table td[data-v-eebffccd]{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1.1rem 1rem}.table-row[data-v-eebffccd]{transition:background-color .2s}.table-row[data-v-eebffccd]:hover{background-color:#f8fafc!important}.emp-name[data-v-eebffccd]{color:#1e293b;font-size:.95rem;font-weight:700}.time-slot[data-v-eebffccd]{letter-spacing:.5px;font-family:monospace;font-size:1rem}.text-green[data-v-eebffccd]{color:#16a34a}.text-red[data-v-eebffccd]{color:#dc2626}.text-orange[data-v-eebffccd]{color:#ea580c}.font-bold[data-v-eebffccd]{font-weight:700}.text-muted[data-v-eebffccd]{color:#94a3b8}.text-xs[data-v-eebffccd]{font-size:.75rem}.badge-delay[data-v-eebffccd]{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;border-radius:6px;padding:.25rem .6rem;font-size:.82rem;font-weight:700}.badge-overtime[data-v-eebffccd]{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;padding:.25rem .6rem;font-size:.82rem;font-weight:700}.badge[data-v-eebffccd]{border-radius:50px;padding:.3rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.badge-gps[data-v-eebffccd]{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.badge-manual[data-v-eebffccd]{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5}.selfie-thumb[data-v-eebffccd]{object-fit:cover;cursor:pointer;border:2px solid #cbd5e1;border-radius:8px;width:44px;height:44px;transition:transform .2s}.selfie-thumb[data-v-eebffccd]:hover{border-color:#2563eb;transform:scale(1.15)}.no-data[data-v-eebffccd]{text-align:center;color:#64748b;background:#fafafa;font-size:1rem;font-weight:600;padding:4rem!important}.loading-state[data-v-eebffccd]{text-align:center;color:#64748b;padding:4rem;font-weight:600}.spinner[data-v-eebffccd]{border:4px solid #f3f3f3;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin-eebffccd}@keyframes spin-eebffccd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-status[data-v-eebffccd]{border-radius:8px;padding:.3rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.badge-present[data-v-eebffccd]{color:#166534;background:#dcfce7;border:1px solid #86efac}.badge-absent[data-v-eebffccd]{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.badge-leave[data-v-eebffccd]{color:#854d0e;background:#fef9c3;border:1px solid #fde047}.badge-wfh[data-v-eebffccd]{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.badge-pending[data-v-eebffccd]{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}@media (width<=768px){.page-container[data-v-eebffccd],.monitor-container[data-v-eebffccd]{padding:1rem!important}.header-section[data-v-eebffccd]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.monitor-header[data-v-eebffccd]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important;padding-left:0!important;padding-right:0!important}.table-responsive[data-v-eebffccd]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-eebffccd]{min-width:720px}th[data-v-eebffccd],td[data-v-eebffccd]{padding:.75rem .9rem!important}button[data-v-eebffccd],.btn[data-v-eebffccd],input[data-v-eebffccd],select[data-v-eebffccd],textarea[data-v-eebffccd]{min-height:44px}.monitor-card[data-v-eebffccd]{padding:1rem!important}.control-bar[data-v-eebffccd]{flex-direction:column!important;align-items:stretch!important}}.manual-container[data-v-5a997891]{direction:rtl;background:#f8fafc;min-height:80vh;padding:2rem}.manual-card[data-v-5a997891]{background:#fff;border-top:4px solid #f97316;border-radius:12px;max-width:600px;margin:0 auto;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.form-group[data-v-5a997891]{margin-bottom:1rem}.form-input[data-v-5a997891]{border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.7rem}.time-row[data-v-5a997891]{gap:1rem;display:flex}.flex-1[data-v-5a997891]{flex:1}.submit-btn[data-v-5a997891]{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:6px;width:100%;padding:.8rem;font-weight:700}.submit-btn[data-v-5a997891]:disabled{background:#cbd5e1}.alert[data-v-5a997891]{border-radius:6px;margin-top:1rem;padding:1rem}.alert-success[data-v-5a997891]{color:#166534;background:#dcfce7}.alert-error[data-v-5a997891]{color:#991b1b;background:#fee2e2}@media (width<=768px){.page-container[data-v-5a997891],.manual-container[data-v-5a997891]{padding:1rem!important}.header-section[data-v-5a997891]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-5a997891]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-5a997891]{min-width:720px}th[data-v-5a997891],td[data-v-5a997891]{padding:.75rem .9rem!important}button[data-v-5a997891],.btn[data-v-5a997891],input[data-v-5a997891],select[data-v-5a997891],textarea[data-v-5a997891]{min-height:44px}.manual-card[data-v-5a997891]{padding:1rem!important}.time-row[data-v-5a997891]{flex-direction:column;gap:.5rem}}.page[data-v-a98da57e]{background:#f6f7fb;flex-direction:column;gap:25px;min-height:100vh;padding:20px;display:flex}.section h2[data-v-a98da57e]{margin-bottom:10px}.grid[data-v-a98da57e]{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.card[data-v-a98da57e]{background:#fff;border-radius:12px;padding:15px;box-shadow:0 6px 20px #0000000d}.form[data-v-a98da57e]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form textarea[data-v-a98da57e]{grid-column:span 2;min-height:80px;padding:10px}.form select[data-v-a98da57e],.form input[data-v-a98da57e]{border:1px solid #ddd;border-radius:8px;padding:10px}button[data-v-a98da57e]{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;grid-column:span 2;padding:10px}.request[data-v-a98da57e]{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;display:flex}.actions button[data-v-a98da57e]{margin-left:6px}.approve[data-v-a98da57e]{background:#16a34a}.reject[data-v-a98da57e]{background:#dc2626}.status.approved[data-v-a98da57e]{color:green}.status.rejected[data-v-a98da57e]{color:red}.status.pending[data-v-a98da57e]{color:orange}.pending-label[data-v-a98da57e]{color:orange;font-weight:700}.empty[data-v-a98da57e]{text-align:center;color:gray}@media (width<=768px){.grid[data-v-a98da57e],.form[data-v-a98da57e]{grid-template-columns:1fr}button[data-v-a98da57e],.form textarea[data-v-a98da57e]{grid-column:span 1}.request[data-v-a98da57e]{flex-direction:column;align-items:flex-start;gap:10px}.page[data-v-a98da57e]{gap:1rem;padding:1rem!important}.card[data-v-a98da57e]{border-radius:10px!important;padding:1.25rem!important}.section[data-v-a98da57e]{padding:1.25rem}.section h2[data-v-a98da57e]{margin-bottom:1rem;font-size:1.2rem}.form[data-v-a98da57e]{gap:.75rem}.form select[data-v-a98da57e],.form input[data-v-a98da57e],.form textarea[data-v-a98da57e],button[data-v-a98da57e]{min-height:44px}.form textarea[data-v-a98da57e]{padding:.75rem}input[data-v-a98da57e],select[data-v-a98da57e],textarea[data-v-a98da57e],button[data-v-a98da57e]{min-height:44px;font-size:1rem}.request[data-v-a98da57e]{gap:.75rem;padding:1rem}.request .actions[data-v-a98da57e]{gap:.5rem;width:100%;display:flex}.request .actions button[data-v-a98da57e]{flex:1;min-height:44px;margin-left:0}.grid[data-v-a98da57e]{gap:.75rem}.card.balance[data-v-a98da57e]{padding:1rem}.pending-label[data-v-a98da57e]{font-size:.85rem}}.page-container[data-v-1e9fb75a]{direction:ltr;background-color:#f5f7fa;max-width:1600px;min-height:100vh;margin:0 auto;padding:2rem;font-family:Segoe UI,sans-serif}.header-section[data-v-1e9fb75a]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h2[data-v-1e9fb75a]{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.table-responsive[data-v-1e9fb75a]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000000d}.data-table[data-v-1e9fb75a]{border-collapse:collapse;width:100%}.data-table th[data-v-1e9fb75a],.data-table td[data-v-1e9fb75a]{text-align:left;border-bottom:1px solid #e5e7eb;padding:1rem}.data-table th[data-v-1e9fb75a]{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-size:.875rem;font-weight:600}.status-badge[data-v-1e9fb75a]{text-transform:capitalize;border-radius:999px;align-items:center;padding:.375rem .875rem;font-size:.875rem;font-weight:600;display:inline-flex}.status-pending_manager[data-v-1e9fb75a],.status-pending[data-v-1e9fb75a]{color:#92400e;background-color:#fef3c7}.status-pending_hr[data-v-1e9fb75a]{color:#1e40af;background-color:#dbeafe}.status-approved[data-v-1e9fb75a]{color:#065f46;background-color:#d1fae5}.status-rejected[data-v-1e9fb75a]{color:#991b1b;background-color:#fee2e2}.action-buttons[data-v-1e9fb75a]{align-items:center;gap:.75rem;display:flex}.action-btn[data-v-1e9fb75a]{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.view-btn[data-v-1e9fb75a]{color:#4b5563;background-color:#f3f4f6}.view-btn[data-v-1e9fb75a]:hover{background-color:#e5e7eb}.approve-btn[data-v-1e9fb75a]{color:#fff;background-color:#10b981}.approve-btn[data-v-1e9fb75a]:hover{background-color:#059669}.reject-btn[data-v-1e9fb75a]{color:#fff;background-color:#ef4444}.reject-btn[data-v-1e9fb75a]:hover{background-color:#dc2626}@media (width<=768px){.page-container[data-v-1e9fb75a]{padding:1rem!important}.header-section[data-v-1e9fb75a]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-1e9fb75a]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-1e9fb75a]{min-width:720px}th[data-v-1e9fb75a],td[data-v-1e9fb75a]{padding:.75rem .9rem!important}button[data-v-1e9fb75a],.btn[data-v-1e9fb75a],input[data-v-1e9fb75a],select[data-v-1e9fb75a],textarea[data-v-1e9fb75a]{min-height:44px}}.page[data-v-1e739db6]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-1e739db6]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.tabs[data-v-1e739db6]{gap:.5rem;margin-bottom:1.5rem;display:flex}.tabs button[data-v-1e739db6]{cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:500;transition:all .2s}.tabs .active[data-v-1e739db6]{color:#fff;background:#0f172a}.card[data-v-1e739db6]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.row[data-v-1e739db6]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.row[data-v-1e739db6]:last-child{border-bottom:none}.left[data-v-1e739db6]{flex-direction:column;gap:.25rem;display:flex}.code-badge[data-v-1e739db6]{color:#64748b;background:#f1f5f9;border-radius:4px;width:max-content;padding:.1rem .4rem;font-family:monospace;font-size:.8rem}.right[data-v-1e739db6]{align-items:center;gap:1rem;display:flex}.styled-select[data-v-1e739db6]{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.5rem}.input-container[data-v-1e739db6]{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;padding-right:.5rem;display:flex}.input-container input[data-v-1e739db6]{border:none;border-radius:6px 0 0 6px;outline:none;width:80px;padding:.5rem}.unit-text[data-v-1e739db6]{color:#94a3b8;font-size:.85rem;font-weight:700}.delete-btn[data-v-1e739db6]{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem;font-size:.9rem}.delete-btn[data-v-1e739db6]:hover{background:#fef2f2}.btn[data-v-1e739db6]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:500}.btn.secondary[data-v-1e739db6]{color:#334155;background:#cbd5e1}.btn.save[data-v-1e739db6]{background:#10b981}.btn[data-v-1e739db6]:disabled{opacity:.6;cursor:not-allowed}.no-data[data-v-1e739db6]{text-align:center;color:#94a3b8;padding:2rem}.modal-backdrop[data-v-1e739db6]{z-index:100;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal[data-v-1e739db6]{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:450px;padding:2rem;display:flex;box-shadow:0 20px 25px -5px #0000001a}.form-group[data-v-1e739db6]{flex-direction:column;gap:.35rem;display:flex}.form-group label[data-v-1e739db6]{color:#334155;font-size:.9rem;font-weight:500}.form-group input[data-v-1e739db6],.form-group select[data-v-1e739db6]{border:1px solid #cbd5e1;border-radius:6px;padding:.5rem;font-size:.95rem}.modal-buttons[data-v-1e739db6]{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}@media (width<=768px){.page[data-v-1e739db6]{padding:1rem!important}.header[data-v-1e739db6]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.tabs[data-v-1e739db6]{flex-wrap:wrap;gap:.5rem}.tabs button[data-v-1e739db6]{flex:1;min-width:100px}.card[data-v-1e739db6]{padding:1rem}.row[data-v-1e739db6]{flex-direction:column;align-items:flex-start;gap:1rem}.right[data-v-1e739db6]{flex-wrap:wrap;gap:.75rem;width:100%}.styled-select[data-v-1e739db6]{width:100%}.input-container[data-v-1e739db6]{flex:1;min-width:0}.input-container input[data-v-1e739db6]{width:100%}.modal[data-v-1e739db6]{width:auto;max-width:400px;padding:1.25rem}.modal-buttons[data-v-1e739db6]{flex-direction:column}.modal-buttons .btn[data-v-1e739db6]{width:100%}button[data-v-1e739db6],.btn[data-v-1e739db6],input[data-v-1e739db6],select[data-v-1e739db6],textarea[data-v-1e739db6]{min-height:44px}.actions[data-v-1e739db6]{flex-direction:column}.actions .btn[data-v-1e739db6]{width:100%}}.page[data-v-27059905]{background:#f8fafc;padding:2rem}.filters[data-v-27059905]{gap:1rem;margin-bottom:1.5rem;display:flex}.search-input[data-v-27059905]{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:250px;padding:.6rem 1rem}.search-input[data-v-27059905]:focus{border-color:#0f172a}.table-container[data-v-27059905]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}table[data-v-27059905]{border-collapse:collapse;text-align:left;width:100%}th[data-v-27059905]{color:#fff;background:#0f172a;padding:1rem;font-weight:500}td[data-v-27059905]{border-bottom:1px solid #f1f5f9;padding:1rem}.emp-name[data-v-27059905]{color:#1e293b;font-weight:600}.amount-cell[data-v-27059905]{font-family:monospace;font-size:1rem;font-weight:700}.text-gross[data-v-27059905]{color:#0f172a}.text-deduction[data-v-27059905]{color:#f97316}.text-statutory[data-v-27059905]{color:#ef4444}.text-net[data-v-27059905]{color:#10b981}.text-center[data-v-27059905]{text-align:center}.no-data[data-v-27059905]{text-align:center;color:#94a3b8;padding:3rem;font-style:italic}.manage-btn[data-v-27059905]{color:#0f172a;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.manage-btn[data-v-27059905]:hover{color:#fff;background:#0f172a;border-color:#0f172a}@media (width<=768px){.page[data-v-27059905]{padding:1rem!important}.filters[data-v-27059905]{flex-direction:column;gap:.75rem;margin-bottom:1rem}.search-input[data-v-27059905]{box-sizing:border-box;width:100%}.table-responsive[data-v-27059905]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-27059905]{min-width:720px}th[data-v-27059905],td[data-v-27059905]{padding:.75rem .9rem!important}button[data-v-27059905],.btn[data-v-27059905],input[data-v-27059905],select[data-v-27059905],textarea[data-v-27059905]{min-height:44px}}.page[data-v-e827dc73]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-e827dc73]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.subtitle[data-v-e827dc73]{color:#64748b;margin-top:.25rem;font-size:.95rem}.save-btn[data-v-e827dc73]{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:background .2s}.save-btn[data-v-e827dc73]:hover{background:#059669}.save-btn[data-v-e827dc73]:disabled{opacity:.6}.kpi-container[data-v-e827dc73]{gap:1.5rem;margin-bottom:2rem;display:flex}.kpi-card[data-v-e827dc73]{border-radius:12px;flex-direction:column;flex:1;gap:.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.kpi-card.gross[data-v-e827dc73]{color:#fff;background:#0f172a}.kpi-card.net[data-v-e827dc73]{color:#10b981;background:#fff;border:1px solid #e2e8f0}.kpi-card .title[data-v-e827dc73]{text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.85rem}.kpi-card .value[data-v-e827dc73]{font-family:monospace;font-size:1.75rem;font-weight:700}.section-card[data-v-e827dc73]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.statutory-section[data-v-e827dc73]{background:#fdf2f2;border-color:#fca5a5}h3[data-v-e827dc73]{color:#1e293b;margin-bottom:1.25rem;font-size:1.15rem}.row-item[data-v-e827dc73]{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.row-item[data-v-e827dc73]:last-child{border-bottom:none}.item-info[data-v-e827dc73]{align-items:center;gap:1rem;display:flex}.item-info .name[data-v-e827dc73]{color:#334155;font-weight:500}.badge[data-v-e827dc73]{border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.badge.fixed[data-v-e827dc73]{color:#475569;background:#f1f5f9}.badge.percentage[data-v-e827dc73]{color:#1d4ed8;background:#dbeafe}.item-input[data-v-e827dc73]{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;padding-right:.75rem;display:flex}.styled-input[data-v-e827dc73]{text-align:right;border:none;border-radius:6px 0 0 6px;outline:none;width:120px;padding:.5rem .75rem;font-family:monospace;font-size:1rem}.disabled-input[data-v-e827dc73]{color:#64748b;cursor:not-allowed;background:#f8fafc}.currency[data-v-e827dc73]{color:#94a3b8;font-size:.85rem;font-weight:700}.empty-item[data-v-e827dc73]{color:#94a3b8;text-align:center;padding:1rem;font-style:italic}.loading-state[data-v-e827dc73]{text-align:center;color:#64748b;padding:5rem;font-size:1.2rem}@media (width<=768px){.page[data-v-e827dc73]{padding:1rem!important}.header[data-v-e827dc73]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.kpi-container[data-v-e827dc73]{flex-direction:column;gap:1rem;margin-bottom:1.5rem;grid-template-columns:1fr!important}.kpi-card[data-v-e827dc73]{padding:1rem}.kpi-card .value[data-v-e827dc73]{font-size:1.5rem}.section-card[data-v-e827dc73]{margin-bottom:1rem;padding:1rem}.row-item[data-v-e827dc73]{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 0}.item-input[data-v-e827dc73]{width:100%}.styled-input[data-v-e827dc73]{width:100%!important}button[data-v-e827dc73],.btn[data-v-e827dc73],input[data-v-e827dc73],select[data-v-e827dc73],textarea[data-v-e827dc73]{min-height:44px}}.page[data-v-aab696ec]{color:#1e293b;background:linear-gradient(135deg,#f5f7fa 0%,#e9ecef 100%);min-height:100vh;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.header-section[data-v-aab696ec]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem 2.5rem;box-shadow:0 4px 20px #667eea26}.header-content[data-v-aab696ec]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.header-title h1[data-v-aab696ec]{letter-spacing:-.02em;margin:0;font-size:1.875rem;font-weight:700}.header-subtitle[data-v-aab696ec]{opacity:.9;margin:.5rem 0 0;font-size:.95rem;font-weight:400}.header-actions[data-v-aab696ec]{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.date-selectors[data-v-aab696ec]{gap:.5rem;display:flex}.form-select[data-v-aab696ec]{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;padding:.65rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.form-select[data-v-aab696ec]:hover{background:#ffffff40}.form-select option[data-v-aab696ec]{color:#1e293b}.btn[data-v-aab696ec]{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.btn[data-v-aab696ec]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.btn[data-v-aab696ec]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-aab696ec]{color:#667eea;background:#fff}.btn-success[data-v-aab696ec]{color:#fff;background:#10b981}.icon[data-v-aab696ec]{font-size:1rem}.content-section[data-v-aab696ec]{box-sizing:border-box;gap:1.25rem;width:100%;padding:1.25rem 2rem;display:grid}.content-section.has-sidebar[data-v-aab696ec]{grid-template-columns:260px 1fr}.content-section[data-v-aab696ec]:not(.has-sidebar){grid-template-columns:1fr}.sidebar-left[data-v-aab696ec]{flex-direction:column;gap:1rem;display:flex}.card[data-v-aab696ec]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000d}.card-header[data-v-aab696ec]{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.25rem 1.5rem}.card-header h3[data-v-aab696ec]{color:#334155;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.card-body[data-v-aab696ec]{padding:1rem}.loading-state[data-v-aab696ec]{color:#64748b;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex}.loading-spinner[data-v-aab696ec]{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin-aab696ec}.payroll-runs-list[data-v-aab696ec]{flex-direction:column;gap:.5rem;display:flex}.payroll-run-item[data-v-aab696ec]{cursor:pointer;border:2px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.payroll-run-item[data-v-aab696ec]:hover{background:#f1f5f9}.payroll-run-item.active[data-v-aab696ec]{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-color:#667eea}.run-info[data-v-aab696ec]{flex-direction:column;gap:.25rem;display:flex}.run-title[data-v-aab696ec]{color:#1e293b;font-size:.95rem;font-weight:600}.run-meta[data-v-aab696ec]{color:#64748b;font-size:.8rem}.meta-item[data-v-aab696ec]{align-items:center;gap:.25rem;display:flex}.run-status[data-v-aab696ec]{align-items:center;display:flex}.status-badge[data-v-aab696ec]{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.status-badge.draft[data-v-aab696ec]{color:#92400e;background:#fef3c7}.status-badge.verified[data-v-aab696ec],.status-badge.success[data-v-aab696ec]{color:#065f46;background:#d1fae5}.main-content[data-v-aab696ec]{flex-direction:column;gap:1.5rem;display:flex}.empty-state[data-v-aab696ec]{text-align:center;background:#fff;border-radius:16px;padding:4rem 2rem;box-shadow:0 2px 12px #0000000d}.empty-state .empty-icon[data-v-aab696ec]{opacity:.5;margin-bottom:1rem;font-size:4rem}.empty-state h2[data-v-aab696ec]{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem}.empty-state p[data-v-aab696ec]{color:#64748b;margin:0;font-size:.95rem}.kpi-grid[data-v-aab696ec]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;width:100%;display:grid}.kpi-card[data-v-aab696ec]{white-space:nowrap;background:#fff;border-left:4px solid;border-radius:16px;align-items:center;gap:1rem;min-width:280px;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 12px #0000000d}.kpi-card[data-v-aab696ec]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.kpi-card.kpi-primary[data-v-aab696ec]{border-left-color:#667eea}.kpi-card.kpi-success[data-v-aab696ec]{border-left-color:#10b981}.kpi-card.kpi-warning[data-v-aab696ec]{border-left-color:#f59e0b}.kpi-card.kpi-danger[data-v-aab696ec]{border-left-color:#ef4444}.kpi-icon[data-v-aab696ec]{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex}.kpi-content[data-v-aab696ec]{flex-direction:column;gap:.25rem;display:flex}.kpi-label[data-v-aab696ec]{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.kpi-value[data-v-aab696ec]{color:#1e293b;font-size:1.75rem;font-weight:700}.section-card[data-v-aab696ec]{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 2px 12px #0000000d}.section-card-header[data-v-aab696ec]{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.section-card-header h3[data-v-aab696ec]{color:#1e293b;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.search-box[data-v-aab696ec]{flex:1;max-width:300px}.search-input[data-v-aab696ec]{border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:.65rem 1rem;font-size:.9rem;transition:all .2s}.search-input[data-v-aab696ec]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.table-container[data-v-aab696ec]{width:100%;overflow-x:auto}.data-table[data-v-aab696ec]{border-collapse:collapse;table-layout:fixed;width:100%}.data-table th[data-v-aab696ec],.data-table td[data-v-aab696ec]{box-sizing:border-box}.data-table thead[data-v-aab696ec]{background:#f8fafc}.data-table th[data-v-aab696ec]{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:.75rem .5rem;font-size:.7rem;font-weight:600}.data-table td[data-v-aab696ec]{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:.75rem .5rem;overflow:hidden}.table-row[data-v-aab696ec]{cursor:pointer;transition:background .15s}.table-row[data-v-aab696ec]:hover{background:#f8fafc}.text-center[data-v-aab696ec]{text-align:center}.text-right[data-v-aab696ec]{text-align:right}.employee-cell[data-v-aab696ec]{align-items:center;gap:.75rem;display:flex}.avatar[data-v-aab696ec]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:700;display:flex}.employee-info[data-v-aab696ec]{flex-direction:column;gap:.15rem;display:flex}.employee-name[data-v-aab696ec]{color:#1e293b;font-size:.95rem;font-weight:600}.employee-id[data-v-aab696ec]{color:#64748b;font-size:.8rem}.attendance-badge[data-v-aab696ec]{background:#f1f5f9;border-radius:999px;align-items:center;gap:.25rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.paid-days[data-v-aab696ec]{color:#10b981}.positive[data-v-aab696ec]{color:#10b981;font-weight:600}.negative[data-v-aab696ec]{color:#ef4444;font-weight:600}.net-pay[data-v-aab696ec]{color:#667eea;font-size:1rem;font-weight:700}.btn-icon[data-v-aab696ec]{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;font-size:1.1rem;transition:background .2s}.btn-icon[data-v-aab696ec]:hover{background:#f1f5f9}.details-card[data-v-aab696ec]{animation:.3s ease-out slideDown-aab696ec}@keyframes slideDown-aab696ec{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.details-header[data-v-aab696ec]{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-bottom:1px solid #e2e8f0;padding:1.25rem 1.5rem}.details-header h4[data-v-aab696ec]{color:#1e293b;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.details-grid[data-v-aab696ec]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:1.5rem;display:grid}.details-section[data-v-aab696ec]{flex-direction:column;gap:.75rem;display:flex}.section-title[data-v-aab696ec]{color:#334155;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0;margin:0 0 .5rem;padding-bottom:.5rem;font-size:.9rem;font-weight:600}.detail-row[data-v-aab696ec]{justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}.detail-row.highlight-green[data-v-aab696ec]{background:#f0fdf4;border-radius:8px;margin:0 -.5rem;padding:.5rem}.detail-row.highlight-red[data-v-aab696ec]{background:#fef2f2;border-radius:8px;margin:0 -.5rem;padding:.5rem}.detail-row.highlight-amber[data-v-aab696ec]{background:#fffbeb;border-radius:8px;margin:0 -.5rem;padding:.5rem}.detail-row.total[data-v-aab696ec]{border-top:2px solid #e2e8f0;margin-top:.5rem;padding-top:.75rem;font-weight:600}.detail-row.net-pay-row[data-v-aab696ec]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;margin:.5rem -.5rem 0;padding:.75rem .5rem}.detail-row.net-pay-row .detail-label[data-v-aab696ec]{color:#fff}.detail-label[data-v-aab696ec]{color:#64748b}.detail-value[data-v-aab696ec]{color:#1e293b;font-weight:600}.detail-value.success[data-v-aab696ec]{color:#10b981}.detail-value.danger[data-v-aab696ec]{color:#ef4444}.detail-value.net-pay-amount[data-v-aab696ec]{color:#fff;font-size:1.25rem;font-weight:700}.spinner[data-v-aab696ec]{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin-aab696ec}@keyframes spin-aab696ec{to{transform:rotate(360deg)}}.attendance-badge.has-edit[data-v-aab696ec]{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b;animation:1.8s ease-in-out infinite editPulse-aab696ec}@keyframes editPulse-aab696ec{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b00}}.negative.has-edit[data-v-aab696ec],.net-pay.has-edit[data-v-aab696ec]{background:#fffbeb;border-radius:999px;padding:.15rem .4rem;animation:1.8s ease-in-out infinite editPulse-aab696ec}.detail-row.has-edit[data-v-aab696ec]{background:#fffbeb;border-radius:8px;margin:0 -.5rem;padding:.5rem;animation:1.8s ease-in-out infinite editPulse-aab696ec}.editable-row[data-v-aab696ec]{border-radius:8px;transition:all .2s}.editable-row.editing[data-v-aab696ec]{background:#f0f9ff;margin:0 -.5rem;padding:.5rem}.hint-icon[data-v-aab696ec]{opacity:.6;cursor:help;margin-left:.25rem;font-size:.75rem}.paid-days-input[data-v-aab696ec]{color:#10b981;text-align:center;background:#fff;border:2px solid #667eea;border-radius:10px;width:90px;padding:.5rem .75rem;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #667eea1a}.paid-days-input[data-v-aab696ec]:focus{border-color:#764ba2;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #667eea26}.paid-days-input[data-v-aab696ec]:disabled{opacity:.6;cursor:not-allowed}.paid-days-input[data-v-aab696ec]::-webkit-outer-spin-button{-webkit-appearance:none;opacity:.5;margin:0}.paid-days-input[data-v-aab696ec]::-webkit-inner-spin-button{-webkit-appearance:none;opacity:.5;margin:0}.paid-days-input[type=number][data-v-aab696ec]{-moz-appearance:textfield}.edit-actions[data-v-aab696ec]{background:linear-gradient(135deg,#667eea14 0%,#764ba214 100%);border:1px dashed #667eea4d;border-radius:10px;gap:.5rem;margin:.5rem 0;padding:.75rem;display:flex}.btn-save-changes[data-v-aab696ec]{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);flex:1;justify-content:center;padding:.6rem 1rem;font-size:.85rem}.btn-save-changes[data-v-aab696ec]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.btn-save-changes[data-v-aab696ec]:disabled{opacity:.6;cursor:not-allowed}.btn-revert-changes[data-v-aab696ec]{color:#64748b;background:#fff;border:1px solid #cbd5e1;justify-content:center;padding:.6rem 1rem;font-size:.85rem}.btn-revert-changes[data-v-aab696ec]:hover:not(:disabled){color:#ef4444;background:#f8fafc;border-color:#ef4444;transform:translateY(-1px)}.btn-revert-changes[data-v-aab696ec]:disabled{opacity:.6;cursor:not-allowed}.loading-inline[data-v-aab696ec]{color:#64748b;align-items:center;gap:.5rem;padding:1rem 0;font-size:.85rem;display:flex}.loading-spinner.small[data-v-aab696ec]{border-width:2px;width:18px;height:18px}.no-loans-state[data-v-aab696ec]{color:#64748b;text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem .5rem;font-size:.85rem;display:flex}.no-loans-icon[data-v-aab696ec]{opacity:.7;font-size:2rem}.loans-list[data-v-aab696ec]{flex-direction:column;gap:.75rem;display:flex}.loan-item-card[data-v-aab696ec]{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);border:1px solid #e0e7ff;border-radius:10px;padding:.75rem;transition:all .2s}.loan-item-card[data-v-aab696ec]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #667eea1f}.loan-item-header[data-v-aab696ec]{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.loan-item-amount[data-v-aab696ec]{color:#1e293b;font-size:.95rem;font-weight:700}.loan-progress-mini[data-v-aab696ec]{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.mini-progress-bar[data-v-aab696ec]{background:#e5e7eb;border-radius:999px;width:100%;height:6px;overflow:hidden}.mini-progress-fill[data-v-aab696ec]{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:999px;height:100%;transition:width .5s}.mini-progress-text[data-v-aab696ec]{justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.paid-amount[data-v-aab696ec]{color:#059669;font-weight:600}.remaining-amount[data-v-aab696ec]{color:#dc2626;font-weight:600}.remaining-amount.paid-off[data-v-aab696ec]{color:#059669}.loan-item-footer[data-v-aab696ec]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.loan-monthly[data-v-aab696ec]{color:#475569;font-size:.78rem}.btn-payslip-loan-payment[data-v-aab696ec]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:8px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #f59e0b40}.btn-payslip-loan-payment[data-v-aab696ec]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #f59e0b59}.btn-payslip-loan-payment[data-v-aab696ec]:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(40%)}.btn-payslip-loan-payment .spinner.small[data-v-aab696ec]{border-width:2px;width:12px;height:12px}.loan-summary-row[data-v-aab696ec]{border-top:2px dashed #cbd5e1;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;display:flex}.modal-overlay[data-v-aab696ec]{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card[data-v-aab696ec]{background:#fff;border-radius:16px;width:90%;max-width:620px;max-height:90vh;padding:1.75rem;animation:.25s ease-out modalIn-aab696ec;overflow-y:auto;box-shadow:0 20px 50px #0003}@keyframes modalIn-aab696ec{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.payslip-loan-modal[data-v-aab696ec]{border-top:4px solid #f59e0b}.modal-header[data-v-aab696ec]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.modal-header h4[data-v-aab696ec]{color:#111827;margin:0;font-size:1.2rem;font-weight:700}.close-btn[data-v-aab696ec]{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.75rem;line-height:1;transition:all .2s;display:flex}.close-btn[data-v-aab696ec]:hover{color:#111827;background:#f3f4f6}.payment-summary-strip[data-v-aab696ec]{background:linear-gradient(135deg,#fef3c7 0%,#ecfeff 100%);border:1px solid #fde68a;border-radius:12px;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.strip-row[data-v-aab696ec]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.88rem;display:flex}.strip-label[data-v-aab696ec]{color:#64748b;font-weight:500}.strip-value[data-v-aab696ec]{color:#1e293b;font-weight:500}.strip-row.highlight[data-v-aab696ec]{background:#f59e0b1a;border-radius:8px;margin:.25rem -.25rem;padding:.5rem .75rem}.strip-value.remaining[data-v-aab696ec]{color:#dc2626;font-size:1rem;font-weight:700}.payment-form-body[data-v-aab696ec]{flex-direction:column;gap:.25rem;display:flex}.payment-form-body .form-group[data-v-aab696ec]{margin-bottom:1rem}.payment-form-body .form-group label[data-v-aab696ec]{color:#374151;margin-bottom:.45rem;font-size:.88rem;font-weight:600;display:block}.payment-form-body .form-row[data-v-aab696ec]{gap:1rem;display:flex}.payment-form-body .form-row>.form-group[data-v-aab696ec]{flex:1}.payment-form-body .form-control[data-v-aab696ec]{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem .9rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.payment-form-body .form-control[data-v-aab696ec]:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b1f}.payment-form-body textarea.form-control[data-v-aab696ec]{resize:vertical;min-height:60px}.checkbox-label[data-v-aab696ec]{cursor:pointer;color:#374151;align-items:center;gap:.55rem;margin:0;font-size:.88rem;font-weight:600;display:inline-flex}.checkbox-label.stacked[data-v-aab696ec]{margin-top:2.3rem}.checkbox-label input[type=checkbox][data-v-aab696ec]{accent-color:#f59e0b;cursor:pointer;width:18px;height:18px}.large-input[data-v-aab696ec]{color:#92400e!important;border:2px solid #fcd34d!important;padding:.9rem!important;font-size:1.15rem!important;font-weight:600!important}.large-input[data-v-aab696ec]:focus{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b26!important}.input-hint[data-v-aab696ec]{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.4rem;font-size:.78rem;display:flex}.link-btn[data-v-aab696ec]{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600;text-decoration:underline;transition:color .2s}.link-btn[data-v-aab696ec]:hover{color:#1d4ed8}.payslip-loan-modal .actions[data-v-aab696ec]{border-top:1px solid #e2e8f0;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.save-btn[data-v-aab696ec]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #10b98140}.save-btn[data-v-aab696ec]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.save-btn[data-v-aab696ec]:disabled{opacity:.6;cursor:not-allowed}.save-btn .spinner[data-v-aab696ec]{border:2px solid #ffffff4d;border-top-color:#fff;width:16px;height:16px}.cancel-btn[data-v-aab696ec]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.cancel-btn[data-v-aab696ec]:hover{color:#1f2937;background:#e5e7eb}.status-badge.status-approved[data-v-aab696ec]{color:#065f46;background:#d1fae5}.status-badge.status-active[data-v-aab696ec]{color:#1d4ed8;background:#bfdbfe}.status-badge.status-paid_off[data-v-aab696ec]{color:#3730a3;background:#e0e7ff}.status-badge.status-rejected[data-v-aab696ec]{color:#991b1b;background:#fee2e2}.status-badge.status-pending[data-v-aab696ec],.status-badge.status-pending_manager[data-v-aab696ec]{color:#92400e;background:#fef3c7}.status-badge.status-pending_hr[data-v-aab696ec]{color:#1e40af;background:#dbeafe}@media (width<=1024px){.content-section[data-v-aab696ec]{grid-template-columns:1fr}.sidebar-left[data-v-aab696ec]{order:2}.main-content[data-v-aab696ec]{order:1}}@media (width<=640px){.header-section[data-v-aab696ec]{padding:1.5rem}.content-section[data-v-aab696ec]{padding:1rem}.header-content[data-v-aab696ec]{flex-direction:column;align-items:stretch}.header-actions[data-v-aab696ec]{flex-direction:column}.date-selectors[data-v-aab696ec],.btn[data-v-aab696ec]{justify-content:center;width:100%}.data-table th[data-v-aab696ec],.data-table td[data-v-aab696ec]{padding:.75rem}}@media (width<=768px){.page[data-v-aab696ec]{padding:1rem!important}.header-section[data-v-aab696ec]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important;padding:1.25rem!important}.header-content[data-v-aab696ec]{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions[data-v-aab696ec]{flex-direction:column;width:100%}.date-selectors[data-v-aab696ec]{width:100%}.date-selectors .form-select[data-v-aab696ec]{flex:1}.content-section[data-v-aab696ec]{padding:.75rem!important}.table-responsive[data-v-aab696ec]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-aab696ec]{min-width:720px}th[data-v-aab696ec],td[data-v-aab696ec]{padding:.75rem .9rem!important}button[data-v-aab696ec],.btn[data-v-aab696ec],input[data-v-aab696ec],select[data-v-aab696ec],textarea[data-v-aab696ec]{min-height:44px}.kpi-grid[data-v-aab696ec]{gap:1rem;grid-template-columns:1fr!important}.kpi-card[data-v-aab696ec]{min-width:auto;padding:1rem}.kpi-card .kpi-value[data-v-aab696ec]{font-size:1.5rem}.section-card-header[data-v-aab696ec]{flex-direction:column;align-items:flex-start}.search-box[data-v-aab696ec]{width:100%;max-width:100%}.details-grid[data-v-aab696ec]{gap:1rem;padding:1rem;grid-template-columns:1fr!important}}.page[data-v-f0de333f]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-f0de333f]{margin-bottom:2rem}.kpi-container[data-v-f0de333f]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.kpi-card[data-v-f0de333f]{background:#fff;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.kpi-card.pending[data-v-f0de333f]{border-left:4px solid #f59e0b}.kpi-card.approved[data-v-f0de333f]{border-left:4px solid #10b981}.kpi-card.paid[data-v-f0de333f]{border-left:4px solid #3b82f6}.kpi-card .title[data-v-f0de333f]{color:#64748b;text-transform:uppercase;font-size:.9rem;font-weight:600}.kpi-card .value[data-v-f0de333f]{color:#1e293b;font-size:2rem;font-weight:700}.cards-grid[data-v-f0de333f]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.card-item[data-v-f0de333f]{color:inherit;background:#fff;border-radius:12px;flex-direction:column;gap:1rem;padding:2rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.card-item[data-v-f0de333f]:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.icon-wrapper[data-v-f0de333f]{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.icon[data-v-f0de333f]{font-size:2rem}.card-item h3[data-v-f0de333f]{color:#1e293b;margin:0;font-size:1.25rem}.card-item p[data-v-f0de333f]{color:#64748b;margin:0}@media (width<=768px){.page[data-v-f0de333f]{padding:1rem!important}.header[data-v-f0de333f]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.kpi-container[data-v-f0de333f]{gap:1rem;margin-bottom:1.5rem;grid-template-columns:1fr!important}.kpi-card[data-v-f0de333f]{padding:1rem}.kpi-card .value[data-v-f0de333f]{font-size:1.5rem}.cards-grid[data-v-f0de333f]{gap:1rem;grid-template-columns:1fr!important}.card-item[data-v-f0de333f]{padding:1.5rem}button[data-v-f0de333f],.btn[data-v-f0de333f],input[data-v-f0de333f],select[data-v-f0de333f],textarea[data-v-f0de333f]{min-height:44px}}.page[data-v-d8c81cd5]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-d8c81cd5]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card[data-v-d8c81cd5]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.no-data[data-v-d8c81cd5]{text-align:center;color:#94a3b8;padding:2rem}.category-list[data-v-d8c81cd5]{flex-direction:column;gap:1rem;display:flex}.category-item[data-v-d8c81cd5]{border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.category-info h4[data-v-d8c81cd5]{color:#1e293b;margin:0}.code-badge[data-v-d8c81cd5]{color:#64748b;background:#f1f5f9;border-radius:4px;margin:.25rem 0 0;padding:.25rem .5rem;font-size:.8rem;display:inline-block}.switch[data-v-d8c81cd5]{width:48px;height:28px;display:inline-block;position:relative}.switch input[data-v-d8c81cd5]{opacity:0;width:0;height:0}.slider[data-v-d8c81cd5]{cursor:pointer;background-color:#cbd5e1;border-radius:28px;transition:all .4s;position:absolute;inset:0}.slider[data-v-d8c81cd5]:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider[data-v-d8c81cd5]{background-color:#10b981}input:checked+.slider[data-v-d8c81cd5]:before{transform:translate(20px)}.save-btn[data-v-d8c81cd5]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.modal-backdrop[data-v-d8c81cd5]{z-index:100;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal[data-v-d8c81cd5]{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:450px;padding:2rem;display:flex}.form-group[data-v-d8c81cd5]{flex-direction:column;gap:.35rem;display:flex}.form-group label[data-v-d8c81cd5]{color:#334155;font-size:.9rem;font-weight:500}.form-group input[data-v-d8c81cd5],.form-group textarea[data-v-d8c81cd5]{border:1px solid #cbd5e1;border-radius:6px;padding:.5rem;font-size:.95rem}.modal-buttons[data-v-d8c81cd5]{justify-content:flex-end;gap:.5rem;display:flex}.btn[data-v-d8c81cd5]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.btn.secondary[data-v-d8c81cd5]{color:#334155;background:#cbd5e1}@media (width<=768px){.page[data-v-d8c81cd5]{padding:1rem!important}.header[data-v-d8c81cd5]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.card[data-v-d8c81cd5]{padding:1rem}.category-item[data-v-d8c81cd5]{flex-direction:column;align-items:flex-start;gap:1rem}.category-actions[data-v-d8c81cd5]{align-self:flex-end}.modal[data-v-d8c81cd5]{width:auto;max-width:400px;padding:1.25rem}.modal-buttons[data-v-d8c81cd5]{flex-direction:column}.modal-buttons .btn[data-v-d8c81cd5]{width:100%}button[data-v-d8c81cd5],.btn[data-v-d8c81cd5],input[data-v-d8c81cd5],select[data-v-d8c81cd5],textarea[data-v-d8c81cd5]{min-height:44px}}.page[data-v-8b6bba9c]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-8b6bba9c]{margin-bottom:1.5rem}.card[data-v-8b6bba9c]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000000d}.form-grid[data-v-8b6bba9c]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-group[data-v-8b6bba9c]{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-group label[data-v-8b6bba9c]{color:#334155;font-size:.9rem;font-weight:500}.form-group input[data-v-8b6bba9c],.form-group select[data-v-8b6bba9c],.form-group textarea[data-v-8b6bba9c]{border:1px solid #cbd5e1;border-radius:8px;padding:.75rem;font-size:1rem}.actions[data-v-8b6bba9c]{justify-content:flex-end;gap:1rem;display:flex}.btn[data-v-8b6bba9c]{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.btn.secondary[data-v-8b6bba9c]{color:#334155;background:#cbd5e1}.save-btn[data-v-8b6bba9c]{color:#fff;background:#10b981}.save-btn[data-v-8b6bba9c]:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.page[data-v-8b6bba9c]{padding:1rem!important}.card[data-v-8b6bba9c]{border-radius:10px!important;padding:1.25rem!important}.header[data-v-8b6bba9c]{margin-bottom:1rem}.header h2[data-v-8b6bba9c]{font-size:1.25rem}.form-grid[data-v-8b6bba9c]{grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}.form-group[data-v-8b6bba9c]{gap:.5rem;margin-bottom:1rem}.form-group input[data-v-8b6bba9c],.form-group select[data-v-8b6bba9c],.form-group textarea[data-v-8b6bba9c]{min-height:44px;padding:.75rem}input[data-v-8b6bba9c],select[data-v-8b6bba9c],textarea[data-v-8b6bba9c],button[data-v-8b6bba9c]{min-height:44px;font-size:1rem}.actions[data-v-8b6bba9c]{flex-direction:column-reverse;gap:.75rem}.actions button[data-v-8b6bba9c]{width:100%}.btn[data-v-8b6bba9c]{padding:.75rem 1.5rem}}.page-container[data-v-c38c0be8]{direction:ltr;background-color:#f5f7fa;max-width:1600px;min-height:100vh;margin:0 auto;padding:2rem;font-family:Segoe UI,sans-serif}.header-section[data-v-c38c0be8]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h2[data-v-c38c0be8]{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.add-btn[data-v-c38c0be8]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #10b98140}.add-btn[data-v-c38c0be8]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.table-responsive[data-v-c38c0be8]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000000d}.data-table[data-v-c38c0be8]{border-collapse:collapse;width:100%}.data-table th[data-v-c38c0be8],.data-table td[data-v-c38c0be8]{text-align:left;border-bottom:1px solid #e5e7eb;padding:1rem}.data-table th[data-v-c38c0be8]{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-size:.875rem;font-weight:600}.status-badge[data-v-c38c0be8]{text-transform:capitalize;border-radius:999px;align-items:center;padding:.375rem .875rem;font-size:.875rem;font-weight:600;display:inline-flex}.status-pending_manager[data-v-c38c0be8],.status-pending[data-v-c38c0be8]{color:#92400e;background-color:#fef3c7}.status-pending_hr[data-v-c38c0be8]{color:#1e40af;background-color:#dbeafe}.status-approved[data-v-c38c0be8]{color:#059669;background-color:#d1fae5}.status-rejected[data-v-c38c0be8]{color:#dc2626;background-color:#fee2e2}.status-paid[data-v-c38c0be8]{color:#1d4ed8;background-color:#dbeafe}.action-buttons[data-v-c38c0be8]{align-items:center;gap:.75rem;display:flex}.action-btn[data-v-c38c0be8]{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.view-btn[data-v-c38c0be8]{color:#4b5563;background-color:#f3f4f6}.view-btn[data-v-c38c0be8]:hover{background-color:#e5e7eb}.approve-btn[data-v-c38c0be8]{color:#fff;background-color:#10b981}.approve-btn[data-v-c38c0be8]:hover{background-color:#059669}.reject-btn[data-v-c38c0be8]{color:#fff;background-color:#ef4444}.reject-btn[data-v-c38c0be8]:hover{background-color:#dc2626}@media (width<=768px){.page-container[data-v-c38c0be8]{padding:1rem!important}.header-section[data-v-c38c0be8]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-c38c0be8]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-c38c0be8]{min-width:720px}th[data-v-c38c0be8],td[data-v-c38c0be8]{padding:.75rem .9rem!important}button[data-v-c38c0be8],.btn[data-v-c38c0be8],input[data-v-c38c0be8],select[data-v-c38c0be8],textarea[data-v-c38c0be8]{min-height:44px}.action-buttons[data-v-c38c0be8]{flex-wrap:wrap}}.page[data-v-bb80197b]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-bb80197b]{margin-bottom:2rem}.kpi-container[data-v-bb80197b]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.kpi-card[data-v-bb80197b]{background:#fff;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.kpi-card.available[data-v-bb80197b]{border-left:4px solid #10b981}.kpi-card.assigned[data-v-bb80197b]{border-left:4px solid #3b82f6}.kpi-card.maintenance[data-v-bb80197b]{border-left:4px solid #f59e0b}.kpi-card.pending[data-v-bb80197b]{border-left:4px solid #ef4444}.kpi-card .title[data-v-bb80197b]{color:#64748b;text-transform:uppercase;font-size:.9rem;font-weight:600}.kpi-card .value[data-v-bb80197b]{color:#1e293b;font-size:2rem;font-weight:700}.cards-grid[data-v-bb80197b]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.card-item[data-v-bb80197b]{color:inherit;background:#fff;border-radius:12px;flex-direction:column;gap:1rem;padding:2rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.card-item[data-v-bb80197b]:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.icon-wrapper[data-v-bb80197b]{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.icon[data-v-bb80197b]{font-size:2rem}.card-item h3[data-v-bb80197b]{color:#1e293b;margin:0;font-size:1.25rem}.card-item p[data-v-bb80197b]{color:#64748b;margin:0}@media (width<=768px){.page[data-v-bb80197b]{padding:1rem!important}.header[data-v-bb80197b]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.kpi-container[data-v-bb80197b],.cards-grid[data-v-bb80197b]{grid-template-columns:1fr!important}.kpi-card[data-v-bb80197b],.card-item[data-v-bb80197b]{padding:1rem 1.25rem}}.page[data-v-520461a6]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-520461a6]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card[data-v-520461a6]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.no-data[data-v-520461a6]{text-align:center;color:#94a3b8;padding:2rem}.category-list[data-v-520461a6]{flex-direction:column;gap:1rem;display:flex}.category-item[data-v-520461a6]{border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.category-info h4[data-v-520461a6]{color:#1e293b;margin:0}.code-badge[data-v-520461a6]{color:#64748b;background:#f1f5f9;border-radius:4px;margin-top:.25rem;padding:.25rem .5rem;font-size:.8rem;display:inline-block}.switch[data-v-520461a6]{width:48px;height:28px;display:inline-block;position:relative}.switch input[data-v-520461a6]{opacity:0;width:0;height:0}.slider[data-v-520461a6]{cursor:pointer;background-color:#cbd5e1;border-radius:28px;transition:all .4s;position:absolute;inset:0}.slider[data-v-520461a6]:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider[data-v-520461a6]{background-color:#10b981}input:checked+.slider[data-v-520461a6]:before{transform:translate(20px)}.save-btn[data-v-520461a6]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.modal-backdrop[data-v-520461a6]{z-index:100;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal[data-v-520461a6]{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:450px;padding:2rem;display:flex}.form-group[data-v-520461a6]{flex-direction:column;gap:.35rem;display:flex}.form-group label[data-v-520461a6]{color:#334155;font-size:.9rem;font-weight:500}.form-group input[data-v-520461a6],.form-group textarea[data-v-520461a6]{border:1px solid #cbd5e1;border-radius:6px;padding:.5rem;font-size:.95rem}.modal-buttons[data-v-520461a6]{justify-content:flex-end;gap:.5rem;display:flex}.btn[data-v-520461a6]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.btn.secondary[data-v-520461a6]{color:#334155;background:#cbd5e1}@media (width<=768px){.page[data-v-520461a6]{padding:1rem!important}.header[data-v-520461a6]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}button[data-v-520461a6],.btn[data-v-520461a6],input[data-v-520461a6],select[data-v-520461a6],textarea[data-v-520461a6]{min-height:44px}.card[data-v-520461a6]{padding:1rem 1.25rem}.category-item[data-v-520461a6]{padding:1rem}.modal[data-v-520461a6]{width:100%;max-width:400px;padding:1.25rem}}.page[data-v-a7434384]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-a7434384]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.filters[data-v-a7434384]{margin-bottom:1.5rem}.styled-select[data-v-a7434384]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.75rem}.table-container[data-v-a7434384]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}table[data-v-a7434384]{border-collapse:collapse;width:100%}thead[data-v-a7434384]{color:#fff;background:#0f172a}th[data-v-a7434384],td[data-v-a7434384]{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem}.text-center[data-v-a7434384]{text-align:center}.status-badge[data-v-a7434384]{text-transform:capitalize;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.status-badge.available[data-v-a7434384]{color:#059669;background:#d1fae5}.status-badge.assigned[data-v-a7434384]{color:#1d4ed8;background:#dbeafe}.status-badge.maintenance[data-v-a7434384]{color:#d97706;background:#fef3c7}.status-badge.retired[data-v-a7434384]{color:#64748b;background:#e2e8f0}.action-btn[data-v-a7434384]{color:#0369a1;cursor:pointer;background:#e0f2fe;border:none;border-radius:6px;margin:.25rem;padding:.5rem 1rem;font-weight:600}.no-data[data-v-a7434384]{text-align:center;color:#94a3b8;padding:3rem}.save-btn[data-v-a7434384]{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.modal-backdrop[data-v-a7434384]{z-index:100;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal[data-v-a7434384]{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:450px;padding:2rem;display:flex}.form-group[data-v-a7434384]{flex-direction:column;gap:.35rem;display:flex}.form-group label[data-v-a7434384]{color:#334155;font-size:.9rem;font-weight:500}.form-group input[data-v-a7434384],.form-group select[data-v-a7434384],.form-group textarea[data-v-a7434384]{border:1px solid #cbd5e1;border-radius:6px;padding:.5rem;font-size:.95rem}.modal-buttons[data-v-a7434384]{justify-content:flex-end;gap:.5rem;display:flex}.btn[data-v-a7434384]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.btn.secondary[data-v-a7434384]{color:#334155;background:#cbd5e1}@media (width<=768px){.page[data-v-a7434384]{padding:1rem!important}.header[data-v-a7434384]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-a7434384]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-a7434384]{min-width:720px}th[data-v-a7434384],td[data-v-a7434384]{padding:.75rem .9rem!important}button[data-v-a7434384],.btn[data-v-a7434384],input[data-v-a7434384],select[data-v-a7434384],textarea[data-v-a7434384]{min-height:44px}.modal[data-v-a7434384]{width:100%;max-width:400px;padding:1.25rem}}.page[data-v-4a2d52ed]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-4a2d52ed]{margin-bottom:1.5rem}.card[data-v-4a2d52ed]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000000d}.form-grid[data-v-4a2d52ed]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-group[data-v-4a2d52ed]{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-group label[data-v-4a2d52ed]{color:#334155;font-size:.9rem;font-weight:500}.form-group input[data-v-4a2d52ed],.form-group select[data-v-4a2d52ed],.form-group textarea[data-v-4a2d52ed]{border:1px solid #cbd5e1;border-radius:8px;padding:.75rem;font-size:1rem}.actions[data-v-4a2d52ed]{justify-content:flex-end;gap:1rem;display:flex}.btn[data-v-4a2d52ed]{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.btn.secondary[data-v-4a2d52ed]{color:#334155;background:#cbd5e1}.save-btn[data-v-4a2d52ed]{color:#fff;background:#10b981}.save-btn[data-v-4a2d52ed]:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.page[data-v-4a2d52ed]{padding:1rem!important}.card[data-v-4a2d52ed]{border-radius:10px!important;padding:1.25rem!important}.header[data-v-4a2d52ed]{margin-bottom:1rem}.header h2[data-v-4a2d52ed]{font-size:1.25rem}.form-grid[data-v-4a2d52ed]{grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}.form-group[data-v-4a2d52ed]{gap:.5rem;margin-bottom:1rem}.form-group input[data-v-4a2d52ed],.form-group select[data-v-4a2d52ed],.form-group textarea[data-v-4a2d52ed]{min-height:44px;padding:.75rem}input[data-v-4a2d52ed],select[data-v-4a2d52ed],textarea[data-v-4a2d52ed],button[data-v-4a2d52ed]{min-height:44px;font-size:1rem}.actions[data-v-4a2d52ed]{flex-direction:column-reverse;gap:.75rem}.actions button[data-v-4a2d52ed]{width:100%}.btn[data-v-4a2d52ed]{padding:.75rem 1.5rem}}.page[data-v-eb2e94ad]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-eb2e94ad]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.save-btn[data-v-eb2e94ad]{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.table-container[data-v-eb2e94ad]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}table[data-v-eb2e94ad]{border-collapse:collapse;width:100%}thead[data-v-eb2e94ad]{color:#fff;background:#0f172a}th[data-v-eb2e94ad],td[data-v-eb2e94ad]{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem}.status-badge[data-v-eb2e94ad]{text-transform:capitalize;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.status-badge.pending[data-v-eb2e94ad]{color:#d97706;background:#fef3c7}.status-badge.approved[data-v-eb2e94ad]{color:#1d4ed8;background:#dbeafe}.status-badge.rejected[data-v-eb2e94ad]{color:#dc2626;background:#fee2e2}.status-badge.completed[data-v-eb2e94ad]{color:#059669;background:#d1fae5}.action-btn[data-v-eb2e94ad]{color:#0369a1;cursor:pointer;background:#e0f2fe;border:none;border-radius:6px;margin:.25rem;padding:.5rem 1rem;font-weight:600}.action-btn.reject[data-v-eb2e94ad]{color:#dc2626;background:#fee2e2}.no-data[data-v-eb2e94ad]{text-align:center;color:#94a3b8;padding:3rem}.modal-backdrop[data-v-eb2e94ad]{z-index:100;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal[data-v-eb2e94ad]{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:480px;padding:2rem;display:flex}.form-group[data-v-eb2e94ad]{flex-direction:column;gap:.35rem;display:flex}.form-group label[data-v-eb2e94ad]{color:#334155;font-size:.9rem;font-weight:500}.form-group input[data-v-eb2e94ad],.form-group select[data-v-eb2e94ad],.form-group textarea[data-v-eb2e94ad]{border:1px solid #cbd5e1;border-radius:6px;padding:.5rem;font-size:.95rem}.modal-buttons[data-v-eb2e94ad]{justify-content:flex-end;gap:.5rem;display:flex}.btn[data-v-eb2e94ad]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.btn.secondary[data-v-eb2e94ad]{color:#334155;background:#cbd5e1}@media (width<=768px){.page[data-v-eb2e94ad]{padding:1rem!important}.header[data-v-eb2e94ad]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-eb2e94ad]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-eb2e94ad]{min-width:720px}th[data-v-eb2e94ad],td[data-v-eb2e94ad]{padding:.75rem .9rem!important}button[data-v-eb2e94ad],.btn[data-v-eb2e94ad],input[data-v-eb2e94ad],select[data-v-eb2e94ad],textarea[data-v-eb2e94ad]{min-height:44px}.modal[data-v-eb2e94ad]{width:100%;max-width:400px;padding:1.25rem}}.page[data-v-42904ca0]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-42904ca0]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.save-btn[data-v-42904ca0]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.table-container[data-v-42904ca0]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}table[data-v-42904ca0]{border-collapse:collapse;width:100%}thead[data-v-42904ca0]{color:#fff;background:#0f172a}th[data-v-42904ca0],td[data-v-42904ca0]{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem}.status-badge[data-v-42904ca0]{text-transform:capitalize;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.status-badge.scheduled[data-v-42904ca0]{color:#1d4ed8;background:#dbeafe}.status-badge.in_progress[data-v-42904ca0]{color:#d97706;background:#fef3c7}.status-badge.completed[data-v-42904ca0]{color:#059669;background:#d1fae5}.action-btn[data-v-42904ca0]{color:#0369a1;cursor:pointer;background:#e0f2fe;border:none;border-radius:6px;margin:.25rem;padding:.5rem 1rem;font-weight:600}.no-data[data-v-42904ca0]{text-align:center;color:#94a3b8;padding:3rem}.modal-backdrop[data-v-42904ca0]{z-index:100;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal[data-v-42904ca0]{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:450px;padding:2rem;display:flex}.form-group[data-v-42904ca0]{flex-direction:column;gap:.35rem;display:flex}.form-group label[data-v-42904ca0]{color:#334155;font-size:.9rem;font-weight:500}.form-group input[data-v-42904ca0],.form-group select[data-v-42904ca0],.form-group textarea[data-v-42904ca0]{border:1px solid #cbd5e1;border-radius:6px;padding:.5rem;font-size:.95rem}.modal-buttons[data-v-42904ca0]{justify-content:flex-end;gap:.5rem;display:flex}.btn[data-v-42904ca0]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.btn.secondary[data-v-42904ca0]{color:#334155;background:#cbd5e1}@media (width<=768px){.page[data-v-42904ca0]{padding:1rem!important}.header[data-v-42904ca0]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-42904ca0]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-42904ca0]{min-width:720px}th[data-v-42904ca0],td[data-v-42904ca0]{padding:.75rem .9rem!important}button[data-v-42904ca0],.btn[data-v-42904ca0],input[data-v-42904ca0],select[data-v-42904ca0],textarea[data-v-42904ca0]{min-height:44px}.modal[data-v-42904ca0]{width:100%;max-width:400px;padding:1.25rem}}.page[data-v-d37efa42]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-d37efa42]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card[data-v-d37efa42]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.no-data[data-v-d37efa42]{text-align:center;color:#94a3b8;padding:2rem}.vendor-list[data-v-d37efa42]{flex-direction:column;gap:1rem;display:flex}.vendor-item[data-v-d37efa42]{border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.vendor-info h4[data-v-d37efa42]{color:#1e293b;margin:0 0 .5rem}.vendor-info p[data-v-d37efa42]{color:#64748b;margin:0;font-size:.9rem}.switch[data-v-d37efa42]{width:48px;height:28px;display:inline-block;position:relative}.switch input[data-v-d37efa42]{opacity:0;width:0;height:0}.slider[data-v-d37efa42]{cursor:pointer;background-color:#cbd5e1;border-radius:28px;transition:all .4s;position:absolute;inset:0}.slider[data-v-d37efa42]:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider[data-v-d37efa42]{background-color:#10b981}input:checked+.slider[data-v-d37efa42]:before{transform:translate(20px)}.save-btn[data-v-d37efa42]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.modal-backdrop[data-v-d37efa42]{z-index:100;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal[data-v-d37efa42]{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:450px;padding:2rem;display:flex}.form-group[data-v-d37efa42]{flex-direction:column;gap:.35rem;display:flex}.form-group label[data-v-d37efa42]{color:#334155;font-size:.9rem;font-weight:500}.form-group input[data-v-d37efa42],.form-group textarea[data-v-d37efa42]{border:1px solid #cbd5e1;border-radius:6px;padding:.5rem;font-size:.95rem}.modal-buttons[data-v-d37efa42]{justify-content:flex-end;gap:.5rem;display:flex}.btn[data-v-d37efa42]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.btn.secondary[data-v-d37efa42]{color:#334155;background:#cbd5e1}@media (width<=768px){.page[data-v-d37efa42]{padding:1rem!important}.header[data-v-d37efa42]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}button[data-v-d37efa42],.btn[data-v-d37efa42],input[data-v-d37efa42],select[data-v-d37efa42],textarea[data-v-d37efa42]{min-height:44px}.card[data-v-d37efa42]{padding:1rem 1.25rem}.vendor-item[data-v-d37efa42]{padding:1rem}.modal[data-v-d37efa42]{width:100%;max-width:400px;padding:1.25rem}}.page[data-v-e5602047]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-e5602047]{margin-bottom:1.5rem}.table-container[data-v-e5602047]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}table[data-v-e5602047]{border-collapse:collapse;width:100%}thead[data-v-e5602047]{color:#fff;background:#0f172a}th[data-v-e5602047],td[data-v-e5602047]{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem}.status-badge[data-v-e5602047]{text-transform:capitalize;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.status-badge.available[data-v-e5602047]{color:#059669;background:#d1fae5}.status-badge.assigned[data-v-e5602047]{color:#1d4ed8;background:#dbeafe}.status-badge.maintenance[data-v-e5602047]{color:#d97706;background:#fef3c7}.status-badge.retired[data-v-e5602047]{color:#dc2626;background:#fee2e2}.low-stock[data-v-e5602047]{color:#dc2626;font-weight:700}.action-btn[data-v-e5602047]{color:#0369a1;cursor:pointer;background:#e0f2fe;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}.no-data[data-v-e5602047]{text-align:center;color:#94a3b8;padding:3rem}.modal-backdrop[data-v-e5602047]{z-index:100;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal[data-v-e5602047]{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:450px;padding:2rem;display:flex}.form-group[data-v-e5602047]{flex-direction:column;gap:.35rem;display:flex}.form-group label[data-v-e5602047]{color:#334155;font-size:.9rem;font-weight:500}.form-group input[data-v-e5602047]{border:1px solid #cbd5e1;border-radius:6px;padding:.5rem;font-size:.95rem}.modal-buttons[data-v-e5602047]{justify-content:flex-end;gap:.5rem;display:flex}.btn[data-v-e5602047]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.btn.secondary[data-v-e5602047]{color:#334155;background:#cbd5e1}@media (width<=768px){.page[data-v-e5602047]{padding:1rem!important}.header[data-v-e5602047]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-e5602047]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-e5602047]{min-width:720px}th[data-v-e5602047],td[data-v-e5602047]{padding:.75rem .9rem!important}button[data-v-e5602047],.btn[data-v-e5602047],input[data-v-e5602047],select[data-v-e5602047],textarea[data-v-e5602047]{min-height:44px}.modal[data-v-e5602047]{width:100%;max-width:400px;padding:1.25rem}}.page[data-v-b0b5090e]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-b0b5090e]{margin-bottom:2rem}.cards-grid[data-v-b0b5090e]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.card-item[data-v-b0b5090e]{color:inherit;background:#fff;border-radius:12px;flex-direction:column;gap:1rem;padding:2rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.card-item[data-v-b0b5090e]:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.icon-wrapper[data-v-b0b5090e]{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.icon[data-v-b0b5090e]{font-size:2rem}.card-item h3[data-v-b0b5090e]{color:#1e293b;margin:0;font-size:1.25rem}.card-item p[data-v-b0b5090e]{color:#64748b;margin:0}@media (width<=768px){.page[data-v-b0b5090e]{padding:1rem!important}.header[data-v-b0b5090e]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.cards-grid[data-v-b0b5090e]{grid-template-columns:1fr!important}.card-item[data-v-b0b5090e]{padding:1rem 1.25rem}}.page[data-v-32107100]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-32107100]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.table-container[data-v-32107100]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}table[data-v-32107100]{border-collapse:collapse;width:100%}th[data-v-32107100],td[data-v-32107100]{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem}th[data-v-32107100]{color:#475569;background:#f8fafc;font-weight:600}.status-badge[data-v-32107100]{border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.status-badge.planning[data-v-32107100]{color:#92400e;background:#fef3c7}.status-badge.in_progress[data-v-32107100]{color:#1e40af;background:#dbeafe}.status-badge.completed[data-v-32107100]{color:#065f46;background:#d1fae5}.status-badge.on_hold[data-v-32107100]{color:#991b1b;background:#fee2e2}.btn[data-v-32107100]{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;transition:background .2s}.btn-primary[data-v-32107100]{color:#fff;background:#3b82f6}.btn-primary[data-v-32107100]:hover{background:#2563eb}.btn-secondary[data-v-32107100]{color:#475569;background:#e2e8f0}.btn-secondary[data-v-32107100]:hover{background:#cbd5e1}.btn-small[data-v-32107100]{color:#475569;background:#e2e8f0;padding:.25rem .75rem;font-size:.875rem}.btn-small[data-v-32107100]:hover{background:#cbd5e1}.btn-danger[data-v-32107100]{color:#fff;background:#ef4444}.btn-danger[data-v-32107100]:hover{background:#dc2626}.form-container[data-v-32107100]{margin-bottom:2rem}.form-card[data-v-32107100]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000000d}.form-group[data-v-32107100]{margin-bottom:1rem}.form-group label[data-v-32107100]{color:#475569;margin-bottom:.5rem;font-weight:600;display:block}.form-group input[data-v-32107100],.form-group textarea[data-v-32107100],.form-group select[data-v-32107100]{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem;font-size:1rem}.form-actions[data-v-32107100]{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}@media (width<=768px){.page[data-v-32107100]{padding:1rem!important}.header[data-v-32107100]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-32107100]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-32107100]{min-width:720px}th[data-v-32107100],td[data-v-32107100]{padding:.75rem .9rem!important}button[data-v-32107100],.btn[data-v-32107100],input[data-v-32107100],select[data-v-32107100],textarea[data-v-32107100]{min-height:44px}.form-card[data-v-32107100]{padding:1rem 1.25rem}}.page[data-v-8eb168c6]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-8eb168c6]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.table-container[data-v-8eb168c6]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}table[data-v-8eb168c6]{border-collapse:collapse;width:100%}th[data-v-8eb168c6],td[data-v-8eb168c6]{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem}th[data-v-8eb168c6]{color:#475569;background:#f8fafc;font-weight:600}.status-badge[data-v-8eb168c6],.priority-badge[data-v-8eb168c6]{border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.status-badge.todo[data-v-8eb168c6]{color:#475569;background:#e2e8f0}.status-badge.in_progress[data-v-8eb168c6]{color:#1e40af;background:#dbeafe}.status-badge.done[data-v-8eb168c6],.priority-badge.low[data-v-8eb168c6]{color:#065f46;background:#d1fae5}.priority-badge.medium[data-v-8eb168c6]{color:#92400e;background:#fef3c7}.priority-badge.high[data-v-8eb168c6]{color:#991b1b;background:#fee2e2}.btn[data-v-8eb168c6]{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;transition:background .2s}.btn-primary[data-v-8eb168c6]{color:#fff;background:#3b82f6}.btn-primary[data-v-8eb168c6]:hover{background:#2563eb}.btn-secondary[data-v-8eb168c6]{color:#475569;background:#e2e8f0}.btn-secondary[data-v-8eb168c6]:hover{background:#cbd5e1}.btn-small[data-v-8eb168c6]{color:#475569;background:#e2e8f0;padding:.25rem .75rem;font-size:.875rem}.btn-small[data-v-8eb168c6]:hover{background:#cbd5e1}.btn-danger[data-v-8eb168c6]{color:#fff;background:#ef4444}.btn-danger[data-v-8eb168c6]:hover{background:#dc2626}.form-container[data-v-8eb168c6]{margin-bottom:2rem}.form-card[data-v-8eb168c6]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000000d}.form-group[data-v-8eb168c6]{margin-bottom:1rem}.form-group label[data-v-8eb168c6]{color:#475569;margin-bottom:.5rem;font-weight:600;display:block}.form-group input[data-v-8eb168c6],.form-group textarea[data-v-8eb168c6],.form-group select[data-v-8eb168c6]{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem;font-size:1rem}.form-actions[data-v-8eb168c6]{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}@media (width<=768px){.page[data-v-8eb168c6]{padding:1rem!important}.header[data-v-8eb168c6]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-8eb168c6]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-8eb168c6]{min-width:720px}th[data-v-8eb168c6],td[data-v-8eb168c6]{padding:.75rem .9rem!important}button[data-v-8eb168c6],.btn[data-v-8eb168c6],input[data-v-8eb168c6],select[data-v-8eb168c6],textarea[data-v-8eb168c6]{min-height:44px}.form-card[data-v-8eb168c6]{padding:1rem 1.25rem}}.page[data-v-fc8ff8ef]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-fc8ff8ef]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.filter-section[data-v-fc8ff8ef]{align-items:center;gap:1rem;display:flex}.filter-section label[data-v-fc8ff8ef]{color:#475569;font-weight:600}.filter-section select[data-v-fc8ff8ef]{border:1px solid #e2e8f0;border-radius:8px;padding:.5rem 1rem;font-size:1rem}.kanban-container[data-v-fc8ff8ef]{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.kanban-column[data-v-fc8ff8ef]{background:#e2e8f0;border-radius:12px;padding:1rem}.column-header[data-v-fc8ff8ef]{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.column-header h3[data-v-fc8ff8ef]{color:#1e293b;margin:0;font-size:1.25rem}.task-count[data-v-fc8ff8ef]{color:#fff;background:#94a3b8;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.column-body[data-v-fc8ff8ef]{flex-direction:column;gap:1rem;min-height:300px;display:flex}.task-card[data-v-fc8ff8ef]{cursor:grab;background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000000d}.task-card[data-v-fc8ff8ef]:active{cursor:grabbing}.task-card h4[data-v-fc8ff8ef]{color:#1e293b;margin:0 0 .5rem}.task-description[data-v-fc8ff8ef]{color:#64748b;margin:0 0 1rem;font-size:.875rem}.task-footer[data-v-fc8ff8ef]{justify-content:space-between;align-items:center;display:flex}.priority-badge[data-v-fc8ff8ef]{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.priority-badge.low[data-v-fc8ff8ef]{color:#065f46;background:#d1fae5}.priority-badge.medium[data-v-fc8ff8ef]{color:#92400e;background:#fef3c7}.priority-badge.high[data-v-fc8ff8ef]{color:#991b1b;background:#fee2e2}.assigned-to[data-v-fc8ff8ef]{color:#64748b;font-size:.875rem}@media (width<=768px){.page[data-v-fc8ff8ef]{padding:1rem!important}.header[data-v-fc8ff8ef]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.filter-section[data-v-fc8ff8ef]{flex-direction:column;align-items:flex-start}.kanban-container[data-v-fc8ff8ef]{grid-template-columns:1fr!important}.kanban-column[data-v-fc8ff8ef]{padding:1rem}.task-card[data-v-fc8ff8ef]{padding:1rem 1.25rem}button[data-v-fc8ff8ef],.btn[data-v-fc8ff8ef],input[data-v-fc8ff8ef],select[data-v-fc8ff8ef],textarea[data-v-fc8ff8ef]{min-height:44px}}.page[data-v-21d31268]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-21d31268]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.table-container[data-v-21d31268]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}table[data-v-21d31268]{border-collapse:collapse;width:100%}th[data-v-21d31268],td[data-v-21d31268]{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem}th[data-v-21d31268]{color:#475569;background:#f8fafc;font-weight:600}.btn[data-v-21d31268]{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;transition:background .2s}.btn-primary[data-v-21d31268]{color:#fff;background:#3b82f6}.btn-primary[data-v-21d31268]:hover{background:#2563eb}.btn-secondary[data-v-21d31268]{color:#475569;background:#e2e8f0}.btn-secondary[data-v-21d31268]:hover{background:#cbd5e1}.btn-small[data-v-21d31268]{color:#475569;background:#e2e8f0;padding:.25rem .75rem;font-size:.875rem}.btn-small[data-v-21d31268]:hover{background:#cbd5e1}.btn-danger[data-v-21d31268]{color:#fff;background:#ef4444}.btn-danger[data-v-21d31268]:hover{background:#dc2626}.form-container[data-v-21d31268]{margin-bottom:2rem}.form-card[data-v-21d31268]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000000d}.form-group[data-v-21d31268]{margin-bottom:1rem}.form-group label[data-v-21d31268]{color:#475569;margin-bottom:.5rem;font-weight:600;display:block}.form-group input[data-v-21d31268],.form-group textarea[data-v-21d31268],.form-group select[data-v-21d31268]{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem;font-size:1rem}.form-actions[data-v-21d31268]{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}@media (width<=768px){.page[data-v-21d31268]{padding:1rem!important}.header[data-v-21d31268]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-21d31268]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-21d31268]{min-width:720px}th[data-v-21d31268],td[data-v-21d31268]{padding:.75rem .9rem!important}button[data-v-21d31268],.btn[data-v-21d31268],input[data-v-21d31268],select[data-v-21d31268],textarea[data-v-21d31268]{min-height:44px}.form-card[data-v-21d31268]{padding:1rem 1.25rem}}.page[data-v-59c344a2]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-59c344a2]{margin-bottom:2rem}.kpi-container[data-v-59c344a2]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.kpi-card[data-v-59c344a2]{background:#fff;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.kpi-card.open[data-v-59c344a2]{border-left:4px solid #ef4444}.kpi-card.in-progress[data-v-59c344a2]{border-left:4px solid #f59e0b}.kpi-card.resolved[data-v-59c344a2]{border-left:4px solid #10b981}.kpi-card.closed[data-v-59c344a2]{border-left:4px solid #64748b}.kpi-card .title[data-v-59c344a2]{color:#64748b;text-transform:uppercase;font-size:.9rem;font-weight:600}.kpi-card .value[data-v-59c344a2]{color:#1e293b;font-size:2rem;font-weight:700}.cards-grid[data-v-59c344a2]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.card-item[data-v-59c344a2]{color:inherit;background:#fff;border-radius:12px;flex-direction:column;gap:1rem;padding:2rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.card-item[data-v-59c344a2]:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.icon-wrapper[data-v-59c344a2]{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.icon[data-v-59c344a2]{font-size:2rem}.card-item h3[data-v-59c344a2]{color:#1e293b;margin:0;font-size:1.25rem}.card-item p[data-v-59c344a2]{color:#64748b;margin:0}@media (width<=768px){.page[data-v-59c344a2]{padding:1rem!important}.header[data-v-59c344a2]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.kpi-container[data-v-59c344a2],.cards-grid[data-v-59c344a2]{grid-template-columns:1fr!important}.kpi-card[data-v-59c344a2],.card-item[data-v-59c344a2]{padding:1rem 1.25rem}}.page[data-v-57f66f4b]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-57f66f4b]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.table-container[data-v-57f66f4b]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}table[data-v-57f66f4b]{border-collapse:collapse;width:100%}th[data-v-57f66f4b],td[data-v-57f66f4b]{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem}th[data-v-57f66f4b]{color:#475569;background:#f8fafc;font-weight:600}.status-badge[data-v-57f66f4b],.priority-badge[data-v-57f66f4b]{border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.status-badge.open[data-v-57f66f4b]{color:#991b1b;background:#fee2e2}.status-badge.in_progress[data-v-57f66f4b]{color:#92400e;background:#fef3c7}.status-badge.resolved[data-v-57f66f4b]{color:#065f46;background:#d1fae5}.status-badge.closed[data-v-57f66f4b]{color:#475569;background:#e2e8f0}.priority-badge.low[data-v-57f66f4b]{color:#065f46;background:#d1fae5}.priority-badge.medium[data-v-57f66f4b]{color:#92400e;background:#fef3c7}.priority-badge.high[data-v-57f66f4b]{color:#991b1b;background:#fee2e2}.priority-badge.urgent[data-v-57f66f4b]{color:#7f1d1d;background:#fca5a5}.btn[data-v-57f66f4b]{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;transition:background .2s}.btn-primary[data-v-57f66f4b]{color:#fff;background:#3b82f6}.btn-primary[data-v-57f66f4b]:hover{background:#2563eb}.btn-secondary[data-v-57f66f4b]{color:#475569;background:#e2e8f0}.btn-secondary[data-v-57f66f4b]:hover{background:#cbd5e1}.btn-small[data-v-57f66f4b]{color:#475569;background:#e2e8f0;margin-right:.25rem;padding:.25rem .75rem;font-size:.875rem}.btn-small[data-v-57f66f4b]:hover{background:#cbd5e1}.btn-danger[data-v-57f66f4b]{color:#fff;background:#ef4444}.btn-danger[data-v-57f66f4b]:hover{background:#dc2626}.form-container[data-v-57f66f4b]{margin-bottom:2rem}.form-card[data-v-57f66f4b]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000000d}.form-group[data-v-57f66f4b]{margin-bottom:1rem}.form-group label[data-v-57f66f4b]{color:#475569;margin-bottom:.5rem;font-weight:600;display:block}.form-group input[data-v-57f66f4b],.form-group textarea[data-v-57f66f4b],.form-group select[data-v-57f66f4b]{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem;font-size:1rem}.form-actions[data-v-57f66f4b]{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.modal-overlay[data-v-57f66f4b]{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-card[data-v-57f66f4b]{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;display:flex}.modal-header[data-v-57f66f4b]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3[data-v-57f66f4b]{color:#1e293b;margin:0}.close-btn[data-v-57f66f4b]{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modal-body[data-v-57f66f4b]{flex:1;padding:1.5rem;overflow-y:auto}.comments-list[data-v-57f66f4b]{margin-bottom:1.5rem}.no-comments[data-v-57f66f4b]{color:#64748b;text-align:center;padding:2rem}.comment-item[data-v-57f66f4b]{background:#f8fafc;border-radius:8px;margin-bottom:1rem;padding:1rem}.comment-header[data-v-57f66f4b]{justify-content:space-between;margin-bottom:.5rem;display:flex}.comment-author[data-v-57f66f4b]{color:#1e293b;font-weight:600}.comment-date[data-v-57f66f4b]{color:#64748b;font-size:.875rem}.comment-text[data-v-57f66f4b]{color:#334155}.add-comment-form[data-v-57f66f4b]{margin-top:1rem}@media (width<=768px){.page[data-v-57f66f4b]{padding:1rem!important}.header[data-v-57f66f4b]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-57f66f4b]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-57f66f4b]{min-width:720px}th[data-v-57f66f4b],td[data-v-57f66f4b]{padding:.75rem .9rem!important}button[data-v-57f66f4b],.btn[data-v-57f66f4b],input[data-v-57f66f4b],select[data-v-57f66f4b],textarea[data-v-57f66f4b]{min-height:44px}.form-card[data-v-57f66f4b]{padding:1rem 1.25rem}.modal-card[data-v-57f66f4b]{width:100%;max-width:450px}.modal-header[data-v-57f66f4b],.modal-body[data-v-57f66f4b]{padding:1rem 1.25rem}}.layout-container[data-v-4d8f4953]{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative}.sidebar[data-v-4d8f4953]{color:#fff;z-index:50;background:linear-gradient(#1f2937 0%,#111827 100%);flex-direction:column;width:250px;height:100vh;transition:width .3s,transform .3s;display:flex;position:sticky;top:0}.sidebar.collapsed[data-v-4d8f4953]{width:70px}.sidebar-header[data-v-4d8f4953]{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.sidebar-brand[data-v-4d8f4953]{align-items:center;gap:.75rem;min-width:0;display:flex}.sidebar-logo[data-v-4d8f4953]{object-fit:cover;background:#fff;border-radius:50%;flex-shrink:0;width:36px;height:36px;padding:2px;box-shadow:0 2px 6px #00000040}.app-title[data-v-4d8f4953]{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;margin:0;font-size:1.15rem;font-weight:700;overflow:hidden}.sidebar.collapsed .app-title[data-v-4d8f4953]{display:none}.sidebar.collapsed .sidebar-brand[data-v-4d8f4953]{justify-content:center;gap:0}.mobile-close-btn[data-v-4d8f4953]{display:none}.sidebar-nav[data-v-4d8f4953]{flex:1;padding:1rem 0;overflow-y:auto}.nav-item[data-v-4d8f4953]{color:#fffc;align-items:center;gap:1rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s;display:flex}.nav-item[data-v-4d8f4953]:hover{color:#fff;background:#ffffff1a}.nav-item.active[data-v-4d8f4953]{color:#fff;background:#667eea80;border-right:4px solid #667eea}.nav-icon[data-v-4d8f4953]{text-align:center;width:24px;font-size:1.25rem}.sidebar.collapsed .nav-label[data-v-4d8f4953]{display:none}.main-content[data-v-4d8f4953]{background:#f3f4f6;flex-direction:column;flex:1;min-width:0;display:flex}.top-navbar[data-v-4d8f4953]{z-index:10;background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}.navbar-left[data-v-4d8f4953]{align-items:center;gap:1rem;min-width:0;display:flex}.nav-history[data-v-4d8f4953]{align-items:center;gap:.75rem;min-width:0;display:flex;overflow:hidden}.history-label[data-v-4d8f4953]{color:#4b5563;flex-shrink:0;font-size:.9rem;font-weight:500}.history-items[data-v-4d8f4953]{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.history-item[data-v-4d8f4953]{color:#374151;white-space:nowrap;text-overflow:ellipsis;background:#f3f4f6;border-radius:6px;max-width:160px;padding:.35rem .75rem;font-size:.85rem;text-decoration:none;transition:all .2s;overflow:hidden}.history-item[data-v-4d8f4953]:hover{color:#1f2937;background:#e5e7eb}.sidebar-toggle[data-v-4d8f4953]{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:10px;padding:.5rem 1rem;font-size:1.5rem;transition:all .2s}.sidebar-toggle[data-v-4d8f4953]:hover{background:#e5e7eb}.back-btn[data-v-4d8f4953]{cursor:pointer;color:#4338ca;background:#e0e7ff;border:none;border-radius:10px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s}.back-btn[data-v-4d8f4953]:hover{background:#c7d2fe}.navbar-right[data-v-4d8f4953]{flex-shrink:0;align-items:center;gap:1.5rem;display:flex}.home-btn[data-v-4d8f4953]{color:#1d4ed8;background:#dbeafe;border-radius:10px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s}.home-btn[data-v-4d8f4953]:hover{background:#bfdbfe}.user-profile[data-v-4d8f4953]{align-items:center;gap:1rem;display:flex}.user-name[data-v-4d8f4953]{color:#1f2937;font-weight:500}.logout-btn-small[data-v-4d8f4953]{cursor:pointer;color:#991b1b;background:#fee2e2;border:none;border-radius:10px;padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s}.logout-btn-small[data-v-4d8f4953]:hover{background:#fca5a5}.page-content[data-v-4d8f4953]{box-sizing:border-box;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem;overflow-y:auto}@media (width<=768px){.layout-container[data-v-4d8f4953]{overflow-x:hidden}.sidebar[data-v-4d8f4953]{z-index:1000;width:280px;max-width:85vw;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 18px #0000004d}.sidebar.mobile-drawer-open[data-v-4d8f4953]{transform:translate(0)}.sidebar.mobile-drawer-closed[data-v-4d8f4953]{transform:translate(-100%)}.sidebar.collapsed[data-v-4d8f4953]{width:280px;max-width:85vw}.sidebar.collapsed .app-title[data-v-4d8f4953],.sidebar.collapsed .nav-label[data-v-4d8f4953]{display:inline-block}.nav-item.active[data-v-4d8f4953]{border-left:4px solid #667eea;border-right:none}.sidebar-header[data-v-4d8f4953]{padding:1.1rem 1.25rem}.mobile-close-btn[data-v-4d8f4953]{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;min-height:44px;font-size:1.75rem;line-height:1;display:inline-flex}.mobile-close-btn[data-v-4d8f4953]:hover{background:#fff3}.drawer-overlay[data-v-4d8f4953]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#00000080;width:100vw;height:100vh;animation:.2s fadeIn-4d8f4953;position:fixed;top:0;left:0}.top-navbar[data-v-4d8f4953]{gap:.5rem;padding:.75rem 1rem}.navbar-left[data-v-4d8f4953]{gap:.5rem}.sidebar-toggle[data-v-4d8f4953]{min-height:44px;padding:.6rem .9rem;font-size:1.35rem}.back-btn[data-v-4d8f4953]{min-height:44px;padding:.6rem .9rem;font-size:.9rem}.navbar-right[data-v-4d8f4953]{gap:.5rem}.user-name[data-v-4d8f4953]{display:none}.logout-btn-small[data-v-4d8f4953]{min-height:44px;padding:.6rem .9rem;font-size:.85rem}.main-content[data-v-4d8f4953]{width:100%}.page-content[data-v-4d8f4953]{padding:1rem}}@keyframes fadeIn-4d8f4953{0%{opacity:0}to{opacity:1}}body.drawer-no-scroll{width:100%;height:100%;position:fixed;overflow:hidden}.page-container[data-v-2f237822]{direction:ltr;max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,sans-serif}.header-section[data-v-2f237822]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h3[data-v-2f237822]{color:#111827;margin:0}.subtitle[data-v-2f237822]{color:#6b7280;margin:.25rem 0 0}.form-group[data-v-2f237822]{margin-bottom:1.5rem}.form-group label[data-v-2f237822]{color:#4b5563;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-control[data-v-2f237822]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem;font-size:.95rem}.table-responsive[data-v-2f237822]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.data-table[data-v-2f237822]{border-collapse:collapse;width:100%}.data-table th[data-v-2f237822],.data-table td[data-v-2f237822]{text-align:left;border-bottom:1px solid #e5e7eb;padding:1rem}.data-table th[data-v-2f237822]{color:#374151;text-transform:uppercase;background:#f9fafb;font-size:.85rem;font-weight:600}.add-btn[data-v-2f237822]{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:700}.add-btn[data-v-2f237822]:hover{background:#059669}.view-btn[data-v-2f237822]{color:#2563eb;margin-right:.5rem;font-weight:500;text-decoration:none}.delete-btn[data-v-2f237822]{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;padding:.375rem .75rem}.no-data[data-v-2f237822]{text-align:center;color:#6b7280;padding:3rem}.modal-overlay[data-v-2f237822]{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-card[data-v-2f237822]{background:#fff;border-radius:12px;width:90%;max-width:500px;padding:2rem}.modal-header[data-v-2f237822]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h4[data-v-2f237822]{color:#111827;margin:0}.close-btn[data-v-2f237822]{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:1.5rem}.actions[data-v-2f237822]{gap:1rem;margin-top:1.5rem;display:flex}.save-btn[data-v-2f237822]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:700}.save-btn[data-v-2f237822]:disabled{cursor:not-allowed;background:#93c5fd}.cancel-btn[data-v-2f237822]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:.75rem 1.5rem}@media (width<=768px){.page-container[data-v-2f237822]{padding:1rem!important}.header-section[data-v-2f237822]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-2f237822]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-2f237822]{min-width:720px}th[data-v-2f237822],td[data-v-2f237822]{padding:.75rem .9rem!important}button[data-v-2f237822],.btn[data-v-2f237822],input[data-v-2f237822],select[data-v-2f237822],textarea[data-v-2f237822]{min-height:44px}.modal-card[data-v-2f237822]{padding:1rem!important}}.page-container[data-v-78f1e2da]{direction:ltr;max-width:1600px;margin:0 auto;padding:2rem;font-family:Segoe UI,sans-serif}.header-section[data-v-78f1e2da]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h3[data-v-78f1e2da]{color:#111827;margin:0}.subtitle[data-v-78f1e2da]{color:#6b7280;margin:.25rem 0 0}.form-group[data-v-78f1e2da]{margin-bottom:1.5rem}.form-row[data-v-78f1e2da]{gap:1.5rem;display:flex}.form-group label[data-v-78f1e2da]{color:#4b5563;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-control[data-v-78f1e2da]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem;font-size:.95rem}.table-responsive[data-v-78f1e2da]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.data-table[data-v-78f1e2da]{border-collapse:collapse;width:100%}.data-table th[data-v-78f1e2da],.data-table td[data-v-78f1e2da]{text-align:left;border-bottom:1px solid #e5e7eb;padding:1rem}.data-table th[data-v-78f1e2da]{color:#374151;text-transform:uppercase;background:#f9fafb;font-size:.85rem;font-weight:600}.add-btn[data-v-78f1e2da]{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:700}.add-btn[data-v-78f1e2da]:hover{background:#059669}.no-data[data-v-78f1e2da]{text-align:center;color:#6b7280;padding:3rem}.modal-overlay[data-v-78f1e2da]{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-card[data-v-78f1e2da]{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;padding:2rem;overflow-y:auto}.modal-header[data-v-78f1e2da]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h4[data-v-78f1e2da]{color:#111827;margin:0}.close-btn[data-v-78f1e2da]{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:1.5rem}.actions[data-v-78f1e2da]{gap:1rem;margin-top:1.5rem;display:flex}.save-btn[data-v-78f1e2da]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:700}.save-btn[data-v-78f1e2da]:disabled{cursor:not-allowed;background:#93c5fd}.cancel-btn[data-v-78f1e2da]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:.75rem 1.5rem}.delete-btn[data-v-78f1e2da]{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;padding:.375rem .75rem}@media (width<=768px){.page-container[data-v-78f1e2da]{padding:1rem!important}.header-section[data-v-78f1e2da]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-78f1e2da]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-78f1e2da]{min-width:720px}th[data-v-78f1e2da],td[data-v-78f1e2da]{padding:.75rem .9rem!important}button[data-v-78f1e2da],.btn[data-v-78f1e2da],input[data-v-78f1e2da],select[data-v-78f1e2da],textarea[data-v-78f1e2da]{min-height:44px}.modal-card[data-v-78f1e2da]{padding:1rem!important}}[data-v-39be7caf]{box-sizing:border-box;margin:0;padding:0}.page-container[data-v-39be7caf]{background:#f0f2f5;justify-content:center;align-items:center;width:100%;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex}.chat-app[data-v-39be7caf]{width:100%;height:100%;box-shadow:none;background:#fff;display:flex}.sidebar[data-v-39be7caf]{background:#fff;border-right:1px solid #e9edef;flex-direction:column;width:420px;display:flex}.sidebar-header[data-v-39be7caf]{background:#f0f2f5;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.user-avatar[data-v-39be7caf]{color:#fff;background:#008069;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.sidebar-header-actions[data-v-39be7caf]{gap:8px;display:flex}.icon-btn[data-v-39be7caf]{cursor:pointer;color:#54656f;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.icon-btn[data-v-39be7caf]:hover{background:#f0f2f5}.search-container[data-v-39be7caf]{background:#fff;border-bottom:1px solid #f0f2f5;padding:10px 12px}.search-wrapper[data-v-39be7caf]{background:#f0f2f5;border-radius:8px;align-items:center;padding:0 12px;display:flex}.search-icon[data-v-39be7caf]{color:#8696a0;margin-right:12px;font-size:14px}.search-input[data-v-39be7caf]{color:#111b21;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.search-input[data-v-39be7caf]::placeholder{color:#8696a0}.conversations-list[data-v-39be7caf]{flex:1;overflow-y:auto}.conversation-item[data-v-39be7caf]{cursor:pointer;border-bottom:1px solid #f0f2f5;padding:12px 16px;transition:background .15s;display:flex}.conversation-item[data-v-39be7caf]:hover,.conversation-item.active[data-v-39be7caf]{background:#f0f2f5}.contact-avatar[data-v-39be7caf]{color:#fff;background:#008069;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-right:14px;font-size:16px;font-weight:600;display:flex}.conversation-info[data-v-39be7caf]{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.conversation-top[data-v-39be7caf]{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.contact-name[data-v-39be7caf]{color:#111b21;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.message-time[data-v-39be7caf]{color:#667781;white-space:nowrap;font-size:12px}.conversation-bottom[data-v-39be7caf]{justify-content:space-between;align-items:center;display:flex}.last-message-text[data-v-39be7caf]{color:#667781;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:8px;font-size:14px;overflow:hidden}.unread-badge[data-v-39be7caf]{color:#000;background:#25d366;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:12px;font-weight:600;display:flex}.chat-area[data-v-39be7caf]{background:#efeae2 url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4cfc6' fill-opacity='0.2'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");flex-direction:column;flex:1;display:flex}.chat-content[data-v-39be7caf]{flex-direction:column;height:100%;display:flex}.chat-header[data-v-39be7caf]{background:#f0f2f5;border-bottom:1px solid #e9edef;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.chat-header-left[data-v-39be7caf]{align-items:center;display:flex}.chat-user-info[data-v-39be7caf]{margin-left:14px}.chat-user-info .contact-name[data-v-39be7caf]{margin-bottom:2px;display:block}.last-seen[data-v-39be7caf]{color:#667781;font-size:13px}.messages-container[data-v-39be7caf]{flex:1;padding:20px 60px;overflow-y:auto}.messages-wrapper[data-v-39be7caf]{flex-direction:column;gap:2px;display:flex}.message-row[data-v-39be7caf]{margin-bottom:2px;display:flex}.message-row.sent[data-v-39be7caf]{justify-content:flex-end}.message-row.received[data-v-39be7caf]{justify-content:flex-start}.message-bubble[data-v-39be7caf]{border-radius:8px;max-width:65%;padding:6px 14px 8px;position:relative;box-shadow:0 1px 1px #00000014}.message-row.sent .message-bubble[data-v-39be7caf]{background:#d9fdd3;border-top-right-radius:0}.message-row.received .message-bubble[data-v-39be7caf]{background:#fff;border-top-left-radius:0}.message-text[data-v-39be7caf]{color:#111b21;word-wrap:break-word;margin-bottom:4px;font-size:14px;line-height:1.5}.message-meta[data-v-39be7caf]{justify-content:flex-end;align-items:center;gap:4px;display:flex}.message-meta .message-time[data-v-39be7caf]{color:#667781;font-size:11px}.message-status[data-v-39be7caf]{color:#53bdeb;font-size:14px}.input-area[data-v-39be7caf]{background:#f0f2f5;align-items:center;gap:8px;padding:10px 16px;display:flex}.emoji-btn[data-v-39be7caf]{cursor:pointer;color:#54656f;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.input-wrapper[data-v-39be7caf]{background:#fff;border-radius:8px;flex:1;padding:8px 12px}.message-input[data-v-39be7caf]{color:#111b21;resize:none;background:0 0;border:none;outline:none;width:100%;max-height:100px;font-size:15px;line-height:1.5}.message-input[data-v-39be7caf]::placeholder{color:#8696a0}.send-btn[data-v-39be7caf]{cursor:pointer;color:#54656f;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}.send-btn-active[data-v-39be7caf]{color:#fff;background:#25d366}.send-btn[data-v-39be7caf]:disabled{opacity:.5;cursor:not-allowed}.send-icon[data-v-39be7caf]{font-size:16px}.no-chat-selected[data-v-39be7caf]{background:#f0f2f5;flex:1;justify-content:center;align-items:center;display:flex}.empty-state[data-v-39be7caf]{text-align:center}.empty-icon[data-v-39be7caf]{margin-bottom:24px;font-size:64px}.empty-state h2[data-v-39be7caf]{color:#41525d;margin-bottom:8px;font-size:32px;font-weight:400}.empty-state p[data-v-39be7caf]{color:#667781;font-size:14px}.modal-overlay[data-v-39be7caf]{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-39be7caf]{background:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:400px;max-height:80vh;display:flex;overflow:hidden}.modal-header[data-v-39be7caf]{border-bottom:1px solid #e9edef;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h3[data-v-39be7caf]{color:#111b21;font-size:20px;font-weight:600}.close-btn[data-v-39be7caf]{color:#667781;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;display:flex}.close-btn[data-v-39be7caf]:hover{background:#f0f2f5}.modal-body[data-v-39be7caf]{padding:16px;overflow-y:auto}.search-input-wrapper[data-v-39be7caf]{background:#f0f2f5;border-radius:8px;align-items:center;margin-bottom:16px;padding:0 12px;display:flex}.search-employees-input[data-v-39be7caf]{color:#111b21;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.contacts-list[data-v-39be7caf]{flex-direction:column;gap:0;display:flex}.contact-item[data-v-39be7caf]{cursor:pointer;border-radius:8px;align-items:center;padding:12px;transition:background .15s;display:flex}.contact-item[data-v-39be7caf]:hover{background:#f0f2f5}.contact-details[data-v-39be7caf]{margin-left:14px}.contact-details .contact-name[data-v-39be7caf]{font-size:15px}@media (width<=768px){.page-container[data-v-39be7caf]{padding:1rem!important}.header-section[data-v-39be7caf]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-39be7caf]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-39be7caf]{min-width:720px}th[data-v-39be7caf],td[data-v-39be7caf]{padding:.75rem .9rem!important}button[data-v-39be7caf],.btn[data-v-39be7caf],input[data-v-39be7caf],select[data-v-39be7caf],textarea[data-v-39be7caf]{min-height:44px}.chat-app[data-v-39be7caf]{flex-direction:column}.sidebar[data-v-39be7caf]{border-bottom:1px solid #e9edef;border-right:none;width:100%;max-height:50vh}.chat-area[data-v-39be7caf],.messages-container[data-v-39be7caf]{padding:1rem!important}.message-bubble[data-v-39be7caf]{max-width:85%}.modal-card[data-v-39be7caf]{padding:1rem!important}}.page-container[data-v-c357708d]{direction:ltr;max-width:1200px;margin:0 auto;padding:2.5rem;font-family:Segoe UI,sans-serif}.header-section[data-v-c357708d]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h2[data-v-c357708d]{color:#111827;margin:0}.subtitle[data-v-c357708d]{color:#6b7280;margin:.25rem 0 0;font-size:.9rem}.add-btn[data-v-c357708d]{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:background .2s}.add-btn[data-v-c357708d]:hover{background:#059669}.table-responsive[data-v-c357708d]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.query-table[data-v-c357708d]{border-collapse:collapse;text-align:left;width:100%}.query-table th[data-v-c357708d],.query-table td[data-v-c357708d]{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.query-table th[data-v-c357708d]{color:#374151;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;font-size:.8rem;font-weight:600}.clickable-row[data-v-c357708d]{cursor:pointer;transition:background .2s}.clickable-row[data-v-c357708d]:hover{background:#f3f4f6}.employee-name[data-v-c357708d]{color:#2563eb;font-weight:500}.action-btns[data-v-c357708d]{gap:.5rem;display:flex}.view-btn[data-v-c357708d]{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.4rem .8rem}.close-btn[data-v-c357708d]{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:.4rem .8rem}.no-data[data-v-c357708d]{text-align:center;color:#6b7280;padding:3rem}.navigation-footer[data-v-c357708d]{text-align:left;margin-top:2rem}.back-home[data-v-c357708d]{color:#2563eb;font-weight:500;text-decoration:none}.back-home[data-v-c357708d]:hover{text-decoration:underline}.modal-overlay[data-v-c357708d]{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-card[data-v-c357708d]{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:650px;max-height:85vh;animation:.2s ease-out slideIn-c357708d;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-card.large[data-v-c357708d]{max-width:850px}.modal-header[data-v-c357708d]{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3[data-v-c357708d]{color:#1e293b;margin:0;font-size:1.25rem}.close-modal-btn[data-v-c357708d]{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.75rem;line-height:1}.close-modal-btn[data-v-c357708d]:hover{color:#475569}.modal-body[data-v-c357708d]{text-align:left;padding:1.5rem;overflow-y:auto}.form-group[data-v-c357708d]{margin-bottom:1rem}.form-group label[data-v-c357708d]{color:#475569;margin-bottom:.5rem;font-weight:500;display:block}.form-control[data-v-c357708d]{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem;font-size:1rem}.form-control[data-v-c357708d]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-footer[data-v-c357708d]{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.cancel-btn[data-v-c357708d]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:.75rem 1.5rem}.submit-btn[data-v-c357708d]{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:.75rem 1.5rem}.submit-btn[data-v-c357708d]:hover{background:#2563eb}.info-section[data-v-c357708d]{border-bottom:1px dashed #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.info-section[data-v-c357708d]:last-of-type{border:none}.replies-section[data-v-c357708d]{margin-bottom:1.5rem}.reply-item[data-v-c357708d]{background:#f8fafc;border-radius:8px;margin-bottom:1rem;padding:1rem}.reply-header[data-v-c357708d]{justify-content:space-between;margin-bottom:.5rem;display:flex}.reply-author[data-v-c357708d]{color:#1e293b;font-weight:600}.reply-date[data-v-c357708d]{color:#94a3b8;font-size:.875rem}.reply-content[data-v-c357708d]{color:#475569;white-space:pre-wrap}.no-replies[data-v-c357708d]{color:#94a3b8;font-style:italic}.reply-form[data-v-c357708d]{margin-top:1.5rem}.status-pending[data-v-c357708d]{color:#f59e0b;font-weight:700}.status-responded[data-v-c357708d]{color:#3b82f6;font-weight:700}.status-closed[data-v-c357708d]{color:#6b7280;font-weight:700}@keyframes slideIn-c357708d{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.page-container[data-v-c357708d]{padding:1rem!important}.header-section[data-v-c357708d]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-c357708d]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-c357708d]{min-width:720px}th[data-v-c357708d],td[data-v-c357708d]{padding:.75rem .9rem!important}button[data-v-c357708d],.btn[data-v-c357708d],input[data-v-c357708d],select[data-v-c357708d],textarea[data-v-c357708d]{min-height:44px}.modal-card[data-v-c357708d],.detail-card[data-v-c357708d]{padding:1rem!important}}.container[data-v-9454038b]{max-width:1400px;margin:2rem auto;padding:0 1rem;font-family:Arial,sans-serif}.header[data-v-9454038b]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header h1[data-v-9454038b]{color:#333;margin:0}.filters[data-v-9454038b]{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-input[data-v-9454038b],.filter-select[data-v-9454038b]{border:1px solid #ddd;border-radius:6px;flex:1;min-width:200px;padding:.75rem}.table-responsive[data-v-9454038b]{background:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 2px 4px #0000001a}.appraisal-table[data-v-9454038b]{border-collapse:collapse;width:100%}.appraisal-table th[data-v-9454038b],.appraisal-table td[data-v-9454038b]{text-align:left;border-bottom:1px solid #eee;padding:1rem}.appraisal-table th[data-v-9454038b]{color:#555;text-transform:uppercase;background:#f8f9fa;font-size:.85rem;font-weight:600}.text-center[data-v-9454038b]{text-align:center}.loader[data-v-9454038b]{border:3px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:30px;height:30px;margin:1rem auto;animation:1s linear infinite spin-9454038b}@keyframes spin-9454038b{to{transform:rotate(360deg)}}.employee-info[data-v-9454038b]{align-items:center;gap:.75rem;display:flex}.employee-avatar[data-v-9454038b]{color:#fff;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.employee-name[data-v-9454038b]{color:#333;font-weight:600}.employee-code[data-v-9454038b]{color:#777;font-size:.85rem}.status-draft[data-v-9454038b]{color:#777;background:#eee;border-radius:4px;padding:.25rem .5rem}.status-pending[data-v-9454038b]{color:#d97706;background:#fef3c7;border-radius:4px;padding:.25rem .5rem}.status-approved[data-v-9454038b]{color:#059669;background:#d1fae5;border-radius:4px;padding:.25rem .5rem}.status-rejected[data-v-9454038b]{color:#dc2626;background:#fee2e2;border-radius:4px;padding:.25rem .5rem}.score-excellent[data-v-9454038b]{color:#059669;font-weight:700}.score-good[data-v-9454038b]{color:#1d4ed8;font-weight:700}.score-average[data-v-9454038b]{color:#d97706;font-weight:700}.score-low[data-v-9454038b]{color:#dc2626;font-weight:700}.action-buttons[data-v-9454038b]{align-items:center;gap:.5rem;display:flex}.btn[data-v-9454038b]{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.btn-primary[data-v-9454038b]{color:#fff;background:#2563eb}.btn-primary[data-v-9454038b]:hover{background:#1d4ed8}.btn-secondary[data-v-9454038b]{color:#333;background:#f3f4f6}.btn-secondary[data-v-9454038b]:hover{background:#e5e7eb}.btn-view[data-v-9454038b]{color:#2563eb;background:#eff6ff}.btn-view[data-v-9454038b]:hover{background:#dbeafe}.btn-edit[data-v-9454038b]{color:#10b981;background:#f0fdf4}.btn-edit[data-v-9454038b]:hover{background:#dcfce7}.btn-status[data-v-9454038b]{color:#d97706;background:#fef3c7}.btn-status[data-v-9454038b]:hover{background:#fde68a}.status-dropdown[data-v-9454038b]{position:relative}.status-menu[data-v-9454038b]{z-index:100;background:#fff;border-radius:6px;min-width:160px;margin-top:.25rem;padding:.5rem 0;position:absolute;top:100%;right:0;box-shadow:0 4px 6px #0000001a}.status-option[data-v-9454038b]{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.5rem 1rem;font-size:.9rem;display:block}.status-option[data-v-9454038b]:hover{background:#f8f9fa}.modal-overlay[data-v-9454038b]{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-9454038b]{background:#fff;border-radius:8px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto}.view-modal[data-v-9454038b]{max-width:1000px}.modal-header[data-v-9454038b]{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-header h2[data-v-9454038b]{color:#333;margin:0}.btn-close[data-v-9454038b]{cursor:pointer;color:#777;background:0 0;border:none;font-size:1.5rem}.btn-close[data-v-9454038b]:hover{color:#333}.modal-body[data-v-9454038b]{padding:1.5rem}.appraisal-form[data-v-9454038b]{flex-direction:column;gap:1rem;display:flex}.form-row[data-v-9454038b]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.form-group[data-v-9454038b]{flex-direction:column;gap:.5rem;display:flex}.form-group label[data-v-9454038b]{color:#555;font-size:.9rem;font-weight:600}.form-group input[data-v-9454038b],.form-group select[data-v-9454038b],.form-group textarea[data-v-9454038b]{border:1px solid #ddd;border-radius:6px;padding:.75rem;font-size:1rem}.form-group textarea[data-v-9454038b]{resize:vertical}.form-footer[data-v-9454038b]{border-top:1px solid #eee;justify-content:flex-end;gap:1rem;margin-top:.5rem;padding-top:1rem;display:flex}.view-content[data-v-9454038b]{flex-direction:column;gap:1.5rem;display:flex}.view-row[data-v-9454038b]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.view-item[data-v-9454038b],.view-section[data-v-9454038b]{background:#f8f9fa;border-radius:6px;padding:1rem}.view-section h4[data-v-9454038b]{color:#333;margin:0 0 .5rem}.view-section p[data-v-9454038b]{color:#555;margin:0;line-height:1.5}.view-footer[data-v-9454038b]{border-top:1px solid #eee;justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}@media (width<=768px){.page-container[data-v-9454038b],.container[data-v-9454038b]{padding:1rem!important}.header-section[data-v-9454038b],.header[data-v-9454038b]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-9454038b]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-9454038b]{min-width:720px}th[data-v-9454038b],td[data-v-9454038b]{padding:.75rem .9rem!important}button[data-v-9454038b],.btn[data-v-9454038b],input[data-v-9454038b],select[data-v-9454038b],textarea[data-v-9454038b]{min-height:44px}.modal-content[data-v-9454038b]{padding:1rem!important}.filters[data-v-9454038b]{flex-direction:column!important}}.page-container[data-v-1a3b50f3]{direction:ltr;max-width:1400px;margin:0 auto;padding:2.5rem;font-family:Segoe UI,sans-serif}.header-section[data-v-1a3b50f3]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h2[data-v-1a3b50f3]{color:#111827;margin:0}.subtitle[data-v-1a3b50f3]{color:#6b7280;margin:.25rem 0 0;font-size:.9rem}.add-btn[data-v-1a3b50f3]{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:background .2s}.add-btn[data-v-1a3b50f3]:hover{background:#059669}.table-responsive[data-v-1a3b50f3]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.data-table[data-v-1a3b50f3]{border-collapse:collapse;text-align:left;width:100%}.data-table th[data-v-1a3b50f3],.data-table td[data-v-1a3b50f3]{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.data-table th[data-v-1a3b50f3]{color:#374151;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;font-size:.8rem;font-weight:600}.clickable-row[data-v-1a3b50f3]{cursor:pointer;transition:background .2s}.clickable-row[data-v-1a3b50f3]:hover{background:#f3f4f6}.action-btns[data-v-1a3b50f3]{gap:.5rem;display:flex}.edit-btn[data-v-1a3b50f3]{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.4rem .8rem}.no-data[data-v-1a3b50f3]{text-align:center;color:#6b7280;padding:3rem}.navigation-footer[data-v-1a3b50f3]{text-align:left;margin-top:2rem}.back-home[data-v-1a3b50f3]{color:#2563eb;font-weight:500;text-decoration:none}.back-home[data-v-1a3b50f3]:hover{text-decoration:underline}.modal-overlay[data-v-1a3b50f3]{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-card[data-v-1a3b50f3]{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:650px;max-height:85vh;animation:.2s ease-out slideIn-1a3b50f3;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-header[data-v-1a3b50f3]{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3[data-v-1a3b50f3]{color:#1e293b;margin:0;font-size:1.25rem}.close-modal-btn[data-v-1a3b50f3]{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.75rem;line-height:1}.close-modal-btn[data-v-1a3b50f3]:hover{color:#475569}.modal-body[data-v-1a3b50f3]{text-align:left;padding:1.5rem;overflow-y:auto}.form-group[data-v-1a3b50f3]{margin-bottom:1rem}.form-group label[data-v-1a3b50f3]{color:#475569;margin-bottom:.5rem;font-weight:500;display:block}.form-control[data-v-1a3b50f3]{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem;font-size:1rem}.form-control[data-v-1a3b50f3]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-footer[data-v-1a3b50f3]{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.cancel-btn[data-v-1a3b50f3]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:.75rem 1.5rem}.submit-btn[data-v-1a3b50f3]{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:.75rem 1.5rem}.submit-btn[data-v-1a3b50f3]:hover{background:#2563eb}@keyframes slideIn-1a3b50f3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.page-container[data-v-1a3b50f3]{padding:1rem!important}.header-section[data-v-1a3b50f3]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-1a3b50f3]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-1a3b50f3]{min-width:720px}th[data-v-1a3b50f3],td[data-v-1a3b50f3]{padding:.75rem .9rem!important}button[data-v-1a3b50f3],.btn[data-v-1a3b50f3],input[data-v-1a3b50f3],select[data-v-1a3b50f3],textarea[data-v-1a3b50f3]{min-height:44px}.modal-card[data-v-1a3b50f3]{padding:1rem!important}}.page-container[data-v-21f437c0]{direction:ltr;background-color:#f5f7fa;max-width:1600px;min-height:100vh;margin:0 auto;padding:2rem;font-family:Segoe UI,sans-serif}.header-section[data-v-21f437c0]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h3[data-v-21f437c0]{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.add-btn[data-v-21f437c0]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #2563eb40}.add-btn[data-v-21f437c0]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb59}.table-responsive[data-v-21f437c0]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000000d}.data-table[data-v-21f437c0]{border-collapse:collapse;width:100%}.data-table th[data-v-21f437c0],.data-table td[data-v-21f437c0]{text-align:left;border-bottom:1px solid #e5e7eb;padding:1rem}.data-table th[data-v-21f437c0]{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-size:.875rem;font-weight:600}.status-badge[data-v-21f437c0]{text-transform:capitalize;border-radius:999px;align-items:center;padding:.375rem .875rem;font-size:.875rem;font-weight:600;display:inline-flex}.status-pending_manager[data-v-21f437c0],.status-pending[data-v-21f437c0]{color:#92400e;background-color:#fef3c7}.status-pending_hr[data-v-21f437c0]{color:#1e40af;background-color:#dbeafe}.status-approved[data-v-21f437c0]{color:#065f46;background-color:#d1fae5}.status-rejected[data-v-21f437c0]{color:#991b1b;background-color:#fee2e2}.status-active[data-v-21f437c0]{color:#1d4ed8;background-color:#bfdbfe}.status-paid_off[data-v-21f437c0]{color:#3730a3;background-color:#e0e7ff}.action-buttons[data-v-21f437c0]{align-items:center;gap:.75rem;display:flex}.action-btn[data-v-21f437c0]{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.view-btn[data-v-21f437c0]{color:#4b5563;background-color:#f3f4f6}.view-btn[data-v-21f437c0]:hover{background-color:#e5e7eb}.approve-btn[data-v-21f437c0]{color:#fff;background-color:#10b981}.approve-btn[data-v-21f437c0]:hover{background-color:#059669}.reject-btn[data-v-21f437c0]{color:#fff;background-color:#ef4444}.reject-btn[data-v-21f437c0]:hover{background-color:#dc2626}.modal-overlay[data-v-21f437c0]{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-card[data-v-21f437c0]{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-large[data-v-21f437c0]{max-width:1000px}.modal-header[data-v-21f437c0]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.modal-header h4[data-v-21f437c0]{color:#111827;margin:0;font-size:1.25rem;font-weight:700}.close-btn[data-v-21f437c0]{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:2rem;line-height:1;transition:all .2s}.close-btn[data-v-21f437c0]:hover{color:#111827;transform:scale(1.1)}.form-group[data-v-21f437c0]{margin-bottom:1.5rem}.form-group label[data-v-21f437c0]{color:#374151;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-control[data-v-21f437c0]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-control[data-v-21f437c0]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.form-row[data-v-21f437c0]{gap:1.5rem;display:flex}.form-row>.form-group[data-v-21f437c0]{flex:1}.actions[data-v-21f437c0]{gap:1rem;margin-top:2rem;display:flex}.save-btn[data-v-21f437c0]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #2563eb40}.save-btn[data-v-21f437c0]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2563eb59}.save-btn[data-v-21f437c0]:disabled{opacity:.6;cursor:not-allowed}.cancel-btn[data-v-21f437c0]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:all .2s}.cancel-btn[data-v-21f437c0]:hover{background:#e5e7eb}.no-data[data-v-21f437c0]{text-align:center;color:#6b7280;padding:3rem}.progress-wrapper[data-v-21f437c0]{flex-direction:column;gap:.35rem;display:flex}.progress-bar-container[data-v-21f437c0]{background:#e5e7eb;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-bar-container.large-progress[data-v-21f437c0]{height:14px}.progress-bar-fill[data-v-21f437c0]{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:999px;height:100%;transition:width .6s}.progress-text[data-v-21f437c0]{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.progress-paid[data-v-21f437c0]{color:#059669;font-weight:600}.progress-percent[data-v-21f437c0]{color:#1f2937;font-weight:700}.remaining-balance[data-v-21f437c0]{color:#ef4444;font-size:.95rem;font-weight:700}.remaining-balance.paid-off[data-v-21f437c0],.remaining.paid-off[data-v-21f437c0]{color:#059669}.extra-payment-btn[data-v-21f437c0]{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b40}.extra-payment-btn[data-v-21f437c0]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.extra-payment-btn[data-v-21f437c0]:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(40%)}.extra-payment-inline-btn[data-v-21f437c0]{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;padding:.65rem 1.25rem;font-weight:600;transition:all .25s;box-shadow:0 3px 10px #f59e0b4d}.extra-payment-inline-btn[data-v-21f437c0]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f59e0b66}.loan-summary-card[data-v-21f437c0]{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);border:1px solid #e0e7ff;border-radius:14px;margin-bottom:1.5rem;padding:1.5rem}.loan-summary-card.compact[data-v-21f437c0]{margin-bottom:1.25rem;padding:1rem 1.25rem}.summary-grid[data-v-21f437c0]{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.summary-item[data-v-21f437c0]{flex-direction:column;gap:.25rem;display:flex}.summary-label[data-v-21f437c0]{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.summary-value[data-v-21f437c0]{color:#1e293b;font-size:1.1rem;font-weight:700}.summary-value.total-payable[data-v-21f437c0]{color:#475569}.summary-value.total-paid[data-v-21f437c0]{color:#059669}.summary-value.remaining[data-v-21f437c0]{color:#dc2626}.summary-value.progress-pct[data-v-21f437c0]{color:#667eea}.summary-footer[data-v-21f437c0]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.summary-meta[data-v-21f437c0]{flex-wrap:wrap;gap:1.5rem;display:flex}.summary-meta span[data-v-21f437c0]{color:#475569;font-size:.9rem}.summary-meta i[data-v-21f437c0]{margin-right:.35rem;font-style:normal}.extra-payment-form-card[data-v-21f437c0]{background:linear-gradient(135deg,#fffbeb 0%,#ecfeff 100%);border:1.5px dashed #f59e0b;border-radius:14px;margin-bottom:1.5rem;padding:1.5rem;animation:.35s fadeInUp-21f437c0}@keyframes fadeInUp-21f437c0{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.extra-payment-form-card h5[data-v-21f437c0]{color:#92400e;margin:0 0 1rem;font-size:1rem;font-weight:700}.input-hint[data-v-21f437c0]{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;font-size:.8rem;display:flex}.link-btn[data-v-21f437c0]{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline;transition:color .2s}.link-btn[data-v-21f437c0]:hover{color:#1d4ed8}.checkbox-label[data-v-21f437c0]{cursor:pointer;color:#374151;align-items:center;gap:.6rem;margin:0;font-size:.9rem;font-weight:500;display:inline-flex}.checkbox-label.stacked[data-v-21f437c0]{margin-top:2.75rem}.checkbox-label input[type=checkbox][data-v-21f437c0]{accent-color:#f59e0b;cursor:pointer;width:18px;height:18px}.form-actions-row[data-v-21f437c0]{gap:1rem;margin-top:.25rem;display:flex}.form-group.flex-2[data-v-21f437c0]{flex:2}.large-input[data-v-21f437c0]{border:2px solid #fcd34d;padding:1rem;font-size:1.15rem;font-weight:600}.large-input[data-v-21f437c0]:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.section-subtitle[data-v-21f437c0]{color:#1f2937;margin:1.5rem 0 .75rem;font-size:1rem;font-weight:700}.repayment-amount[data-v-21f437c0]{color:#059669;font-weight:700}.btn[data-v-21f437c0]{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}@media (width<=768px){.summary-footer[data-v-21f437c0]{flex-direction:column;align-items:stretch}.summary-meta[data-v-21f437c0]{flex-direction:column;gap:.5rem}.form-row[data-v-21f437c0]{flex-direction:column;gap:0}.checkbox-label.stacked[data-v-21f437c0]{margin-top:0}.form-actions-row[data-v-21f437c0],.actions[data-v-21f437c0]{flex-direction:column}.page-container[data-v-21f437c0]{padding:1rem!important}.header-section[data-v-21f437c0]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-21f437c0]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-21f437c0]{min-width:720px}th[data-v-21f437c0],td[data-v-21f437c0]{padding:.75rem .9rem!important}button[data-v-21f437c0],.btn[data-v-21f437c0],input[data-v-21f437c0],select[data-v-21f437c0],textarea[data-v-21f437c0]{min-height:44px}.summary-grid[data-v-21f437c0]{grid-template-columns:1fr!important}.action-buttons[data-v-21f437c0]{flex-wrap:wrap}.modal-card[data-v-21f437c0]{width:100%;padding:1.25rem}}.page-container[data-v-57448646]{background-color:#f5f7fa;max-width:1600px;min-height:100vh;margin:0 auto;padding:2rem;font-family:Segoe UI,sans-serif}.header-section[data-v-57448646]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h3[data-v-57448646]{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.add-btn[data-v-57448646]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.add-btn[data-v-57448646]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.loading-container[data-v-57448646]{color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.spinner-large[data-v-57448646]{border:4px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;width:3rem;height:3rem;margin-bottom:1rem;animation:.8s linear infinite spin-57448646}@keyframes spin-57448646{to{transform:rotate(360deg)}}.table-responsive[data-v-57448646]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000000d}.data-table[data-v-57448646]{border-collapse:collapse;width:100%}.data-table th[data-v-57448646],.data-table td[data-v-57448646]{text-align:left;border-bottom:1px solid #e5e7eb;padding:1rem}.data-table th[data-v-57448646]{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-size:.875rem;font-weight:600}.type-badge[data-v-57448646]{text-transform:capitalize;border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.type-badge.allowance[data-v-57448646]{color:#065f46;background-color:#d1fae5}.type-badge.deduction[data-v-57448646]{color:#991b1b;background-color:#fee2e2}.type-badge.one-time-allowance[data-v-57448646]{color:#1e40af;background-color:#dbeafe}.type-badge.one-time-deduction[data-v-57448646]{color:#92400e;background-color:#fef3c7}.status-badge[data-v-57448646]{border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.status-badge.active[data-v-57448646]{color:#065f46;background-color:#d1fae5}.status-badge.inactive[data-v-57448646]{color:#6b7280;background-color:#f3f4f6}.amount[data-v-57448646]{font-family:monospace;font-weight:600}.action-buttons[data-v-57448646]{gap:.5rem;display:flex}.action-btn[data-v-57448646]{cursor:pointer;border:none;border-radius:6px;padding:.5rem .875rem;font-size:.875rem;font-weight:600;transition:all .2s}.edit-btn[data-v-57448646]{color:#1e40af;background-color:#dbeafe}.edit-btn[data-v-57448646]:hover{background-color:#bfdbfe}.toggle-btn[data-v-57448646]{color:#374151;background-color:#f3f4f6}.toggle-btn[data-v-57448646]:hover{background-color:#e5e7eb}.delete-btn[data-v-57448646]{color:#dc2626;background-color:#fee2e2}.delete-btn[data-v-57448646]:hover{background-color:#fecaca}.modal-overlay[data-v-57448646]{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-card[data-v-57448646]{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header[data-v-57448646]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h4[data-v-57448646]{color:#111827;margin:0;font-size:1.25rem;font-weight:700}.close-btn[data-v-57448646]{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s}.close-btn[data-v-57448646]:hover{color:#111827}.form-group[data-v-57448646]{margin-bottom:1.5rem}.form-group label[data-v-57448646]{color:#374151;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-control[data-v-57448646]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-control[data-v-57448646]:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.form-row[data-v-57448646]{gap:1.5rem;display:flex}.form-row>.form-group[data-v-57448646]{flex:1}.actions[data-v-57448646]{gap:1rem;margin-top:2rem;display:flex}.save-btn[data-v-57448646]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;flex:1;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s}.save-btn[data-v-57448646]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.save-btn[data-v-57448646]:disabled{opacity:.6;cursor:not-allowed}.cancel-btn[data-v-57448646]{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;flex:1;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:background-color .2s}.cancel-btn[data-v-57448646]:hover{background:#e5e7eb}@media (width<=768px){.page-container[data-v-57448646]{padding:1rem!important}.header-section[data-v-57448646]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-57448646]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-57448646]{min-width:720px}th[data-v-57448646],td[data-v-57448646]{padding:.75rem .9rem!important}button[data-v-57448646],.btn[data-v-57448646],input[data-v-57448646],select[data-v-57448646],textarea[data-v-57448646]{min-height:44px}.action-buttons[data-v-57448646]{flex-wrap:wrap}.form-row[data-v-57448646]{flex-direction:column;gap:0}.actions[data-v-57448646]{flex-direction:column}.modal-card[data-v-57448646]{padding:1.25rem}}.page[data-v-6b523c54]{background:#f8fafc;padding:2rem;font-family:system-ui,sans-serif}.header[data-v-6b523c54]{margin-bottom:2rem}.loading[data-v-6b523c54]{text-align:center;padding:2rem;font-size:1.1rem}.form-card[data-v-6b523c54]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000000d}.form-group[data-v-6b523c54]{margin-bottom:1.5rem}.form-group label[data-v-6b523c54]{color:#475569;margin-bottom:.5rem;font-weight:600;display:block}.form-group input[data-v-6b523c54],.form-group select[data-v-6b523c54]{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem;font-size:1rem}.form-group.checkboxes[data-v-6b523c54]{gap:2rem;display:flex}.form-group.checkboxes label[data-v-6b523c54]{align-items:center;gap:.5rem;font-weight:400;display:flex}.form-actions[data-v-6b523c54]{gap:1rem;margin-top:2rem;display:flex}.btn[data-v-6b523c54]{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:background .2s}.btn-primary[data-v-6b523c54]{color:#fff;background:#3b82f6}.btn-primary[data-v-6b523c54]:hover{background:#2563eb}.btn-secondary[data-v-6b523c54]{color:#475569;background:#e2e8f0}.btn-secondary[data-v-6b523c54]:hover{background:#cbd5e1}.message[data-v-6b523c54]{border-radius:8px;margin-top:1.5rem;padding:1rem;font-weight:500}.message.success[data-v-6b523c54]{color:#065f46;background:#d1fae5}.message.error[data-v-6b523c54]{color:#991b1b;background:#fee2e2}.modal-overlay[data-v-6b523c54]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-6b523c54]{background:#fff;border-radius:12px;width:90%;max-width:500px}.modal-header[data-v-6b523c54]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3[data-v-6b523c54]{margin:0}.close-btn[data-v-6b523c54]{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:1.5rem}.modal-body[data-v-6b523c54]{padding:1.5rem}.modal-footer[data-v-6b523c54]{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}@media (width<=768px){.page[data-v-6b523c54]{padding:1rem!important}.form-card[data-v-6b523c54]{border-radius:10px!important;padding:1.25rem!important}.header[data-v-6b523c54]{margin-bottom:1rem}.header h2[data-v-6b523c54]{font-size:1.25rem}.form-group[data-v-6b523c54]{margin-bottom:1rem}.form-group input[data-v-6b523c54],.form-group select[data-v-6b523c54],.form-group textarea[data-v-6b523c54]{min-height:44px}input[data-v-6b523c54],select[data-v-6b523c54],textarea[data-v-6b523c54],button[data-v-6b523c54]{min-height:44px;font-size:1rem}.form-group.checkboxes[data-v-6b523c54]{flex-direction:column;gap:.75rem}.form-group.checkboxes label[data-v-6b523c54]{align-items:center;min-height:44px}.form-group.checkboxes input[type=checkbox][data-v-6b523c54]{width:20px;height:20px;min-height:auto}.form-actions[data-v-6b523c54]{flex-direction:column-reverse;gap:.75rem;margin-top:1.5rem}.form-actions button[data-v-6b523c54]{width:100%}.btn[data-v-6b523c54]{padding:.75rem 1.5rem}.loading[data-v-6b523c54]{padding:1rem}.message[data-v-6b523c54]{margin-top:1rem;padding:.75rem}.modal[data-v-6b523c54]{width:95%}.modal-header[data-v-6b523c54],.modal-body[data-v-6b523c54],.modal-footer[data-v-6b523c54]{padding:1rem}.modal-header[data-v-6b523c54]{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-footer[data-v-6b523c54]{flex-direction:column-reverse;align-items:stretch;gap:.75rem}.modal-footer button[data-v-6b523c54]{width:100%}.close-btn[data-v-6b523c54]{min-width:44px;min-height:44px}}.page-container[data-v-14dd8398]{direction:ltr;max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,sans-serif}.header-section[data-v-14dd8398]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-section h3[data-v-14dd8398]{color:#111827;margin:0}.subtitle[data-v-14dd8398]{color:#6b7280;margin:.25rem 0 0}.form-group[data-v-14dd8398]{margin-bottom:1.5rem}.form-row[data-v-14dd8398]{gap:1.5rem;display:flex}.form-group label[data-v-14dd8398]{color:#4b5563;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-control[data-v-14dd8398]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem;font-size:.95rem}.table-responsive[data-v-14dd8398]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.data-table[data-v-14dd8398]{border-collapse:collapse;width:100%}.data-table th[data-v-14dd8398],.data-table td[data-v-14dd8398]{text-align:left;border-bottom:1px solid #e5e7eb;padding:1rem}.data-table th[data-v-14dd8398]{color:#374151;text-transform:uppercase;background:#f9fafb;font-size:.85rem;font-weight:600}.add-btn[data-v-14dd8398]{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:700}.add-btn[data-v-14dd8398]:hover{background:#059669}.no-data[data-v-14dd8398]{text-align:center;color:#6b7280;padding:3rem}.modal-overlay[data-v-14dd8398]{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-card[data-v-14dd8398]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;padding:2rem;overflow-y:auto}.modal-header[data-v-14dd8398]{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h4[data-v-14dd8398]{color:#111827;margin:0}.close-btn[data-v-14dd8398]{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:1.5rem}.actions[data-v-14dd8398]{gap:1rem;margin-top:1.5rem;display:flex}.save-btn[data-v-14dd8398]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:700}.save-btn[data-v-14dd8398]:disabled{cursor:not-allowed;background:#93c5fd}.cancel-btn[data-v-14dd8398]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:.75rem 1.5rem}.delete-btn[data-v-14dd8398]{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;padding:.375rem .75rem}@media (width<=768px){.page-container[data-v-14dd8398]{padding:1rem!important}.header-section[data-v-14dd8398]{gap:.75rem;flex-direction:column!important;align-items:flex-start!important}.table-responsive[data-v-14dd8398]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table[data-v-14dd8398]{min-width:720px}th[data-v-14dd8398],td[data-v-14dd8398]{padding:.75rem .9rem!important}button[data-v-14dd8398],.btn[data-v-14dd8398],input[data-v-14dd8398],select[data-v-14dd8398],textarea[data-v-14dd8398]{min-height:44px}.modal-card[data-v-14dd8398]{padding:1rem!important}}