.sidebar[data-v-eb0ec6b5]{width:280px;background:linear-gradient(180deg,#1a2639,#2c3e50);color:#fff;position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;z-index:1000;box-shadow:2px 0 10px #0000001a;overflow-y:auto;overflow-x:hidden}.sidebar[data-v-eb0ec6b5]::-webkit-scrollbar{width:5px}.sidebar[data-v-eb0ec6b5]::-webkit-scrollbar-track{background:#ffffff1a}.sidebar[data-v-eb0ec6b5]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:5px}.sidebar[data-v-eb0ec6b5]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar.sidebar-desktop[data-v-eb0ec6b5]{transform:translate(0)}@media(max-width:1024px){.sidebar[data-v-eb0ec6b5]{transform:translate(-100%);box-shadow:none;width:280px}.sidebar.sidebar-open[data-v-eb0ec6b5]{transform:translate(0);box-shadow:2px 0 20px #0000004d}.sidebar.sidebar-closed[data-v-eb0ec6b5]{transform:translate(-100%)}.main-content[data-v-eb0ec6b5]{margin-left:0!important;width:100%}}.sidebar-overlay[data-v-eb0ec6b5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn-eb0ec6b5 .3s ease}@keyframes fadeIn-eb0ec6b5{0%{opacity:0}to{opacity:1}}.sidebar-header[data-v-eb0ec6b5]{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:#0003}.logo h2[data-v-eb0ec6b5]{color:#fff;font-size:1.5rem;margin:0;font-weight:600;background:linear-gradient(135deg,#fff,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-img[data-v-eb0ec6b5]{max-width:120px;max-height:40px;object-fit:contain}.close-sidebar[data-v-eb0ec6b5]{display:none;background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:5px;border-radius:5px}.close-sidebar[data-v-eb0ec6b5]:hover{background:#ffffff1a}@media(max-width:1024px){.close-sidebar[data-v-eb0ec6b5]{display:block}}.mobile-user-info[data-v-eb0ec6b5]{display:none;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);align-items:center;gap:15px}@media(max-width:1024px){.mobile-user-info[data-v-eb0ec6b5]{display:flex}}.mobile-user-info .user-avatar[data-v-eb0ec6b5]{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #3498db}.mobile-user-info .user-details[data-v-eb0ec6b5]{display:flex;flex-direction:column}.mobile-user-info .user-name[data-v-eb0ec6b5]{font-size:1rem;font-weight:600}.mobile-user-info .user-role[data-v-eb0ec6b5]{font-size:.8rem;color:#8a9bb5}.nav-menu[data-v-eb0ec6b5]{flex:1;padding:20px 0}.nav-section[data-v-eb0ec6b5]{margin-bottom:5px}.section-header[data-v-eb0ec6b5]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;transition:background .3s;color:#b7c0cd}.section-header[data-v-eb0ec6b5]:hover{background:#ffffff0d}.section-title[data-v-eb0ec6b5]{display:flex;align-items:center;gap:10px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:#8a9bb5}.section-title i[data-v-eb0ec6b5]{width:20px;font-size:1rem;color:#8a9bb5}.section-header i.fa-chevron-down[data-v-eb0ec6b5]{font-size:.8rem;transition:transform .3s;color:#8a9bb5}.section-header i.fa-chevron-down.rotated[data-v-eb0ec6b5]{transform:rotate(180deg)}.submenu[data-v-eb0ec6b5]{background:#0003;animation:slideDown-eb0ec6b5 .3s ease}@keyframes slideDown-eb0ec6b5{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submenu-item[data-v-eb0ec6b5]{display:flex;align-items:center;padding:10px 20px 10px 50px;color:#b7c0cd;text-decoration:none;transition:all .3s;font-size:.9rem;position:relative}.submenu-item i[data-v-eb0ec6b5]{width:20px;font-size:.9rem;margin-right:10px;color:#8a9bb5}.submenu-item span[data-v-eb0ec6b5]{flex:1}.submenu-item[data-v-eb0ec6b5]:hover{background:#ffffff1a;color:#fff;padding-left:55px}.submenu-item:hover i[data-v-eb0ec6b5]{color:#fff}.submenu-item.active[data-v-eb0ec6b5]{background:#3498db;color:#fff}.submenu-item.active i[data-v-eb0ec6b5]{color:#fff}.submenu-item.active[data-v-eb0ec6b5]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#fff}.nav-item[data-v-eb0ec6b5]{display:flex;align-items:center;padding:12px 20px;color:#b7c0cd;text-decoration:none;transition:all .3s;margin-bottom:5px}.nav-item i[data-v-eb0ec6b5]{width:24px;font-size:1.1rem;margin-right:10px;color:#8a9bb5}.nav-item span[data-v-eb0ec6b5]{flex:1}.nav-item[data-v-eb0ec6b5]:hover{background:#ffffff1a;color:#fff;padding-left:25px}.nav-item:hover i[data-v-eb0ec6b5]{color:#fff}.nav-item.active[data-v-eb0ec6b5]{color:#fff;box-shadow:0 1px 1px #3498db4d}.nav-item.active i[data-v-eb0ec6b5]{color:#fff}.badge[data-v-eb0ec6b5]{background:#e74c3c;color:#fff;padding:2px 6px;border-radius:10px;font-size:.7rem;margin-left:5px}.sidebar-footer[data-v-eb0ec6b5]{border-top:1px solid rgba(255,255,255,.1);padding:15px 20px;background:#0003;position:relative}.user-info[data-v-eb0ec6b5]{display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px;border-radius:5px;transition:background .3s}.user-info[data-v-eb0ec6b5]:hover{background:#ffffff1a}.avatar[data-v-eb0ec6b5]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #3498db}.user-details[data-v-eb0ec6b5]{flex:1}.user-name[data-v-eb0ec6b5]{font-size:.9rem;font-weight:600;display:block;margin-bottom:2px;color:#fff}.user-role[data-v-eb0ec6b5]{font-size:.7rem;color:#8a9bb5}.user-info i[data-v-eb0ec6b5]{color:#8a9bb5;font-size:.8rem}.user-menu-dropdown[data-v-eb0ec6b5]{position:absolute;bottom:100%;left:20px;right:20px;background:#fff;border-radius:8px;box-shadow:0 -5px 25px #0003;margin-bottom:10px;overflow:hidden;z-index:1001;animation:slideUp-eb0ec6b5 .3s ease}@keyframes slideUp-eb0ec6b5{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-eb0ec6b5]{padding:12px 15px;display:flex;align-items:center;gap:12px;color:#333;text-decoration:none;transition:background .3s;width:100%;border:none;background:none;cursor:pointer;font-size:.9rem;text-align:left}.dropdown-item[data-v-eb0ec6b5]:hover{background:#f5f5f5}.dropdown-item.text-danger[data-v-eb0ec6b5]{color:#e74c3c}.dropdown-item i[data-v-eb0ec6b5]{width:20px;font-size:1rem;color:#666}.dropdown-divider[data-v-eb0ec6b5]{height:1px;background:#eef2f6;margin:5px 0}.hamburger-btn[data-v-eb0ec6b5]{position:fixed;top:15px;left:15px;width:45px;height:45px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;z-index:1002;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #3498db4d;transition:all .3s;border:2px solid white}.hamburger-btn[data-v-eb0ec6b5]:hover{background:#2980b9;transform:scale(1.05)}@media(min-width:1025px){.hamburger-btn[data-v-eb0ec6b5]{display:none!important}}.modal-overlay[data-v-eb0ec6b5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-eb0ec6b5 .3s ease}.modal-content[data-v-eb0ec6b5]{background:#fff;border-radius:12px;width:90%;max-width:400px;animation:slideUp-eb0ec6b5 .3s ease;overflow:hidden}.logout-modal[data-v-eb0ec6b5]{text-align:center}.modal-header[data-v-eb0ec6b5]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;justify-content:space-between}.modal-header h3[data-v-eb0ec6b5]{margin:0;color:#333;font-size:1.2rem}.modal-icon[data-v-eb0ec6b5]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.modal-icon.warning[data-v-eb0ec6b5]{background:#fee;color:#e74c3c}.close-btn[data-v-eb0ec6b5]{background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;padding:5px}.close-btn[data-v-eb0ec6b5]:hover{color:#e74c3c}.modal-body[data-v-eb0ec6b5]{padding:25px}.logout-icon[data-v-eb0ec6b5]{margin-bottom:20px}.logout-icon i[data-v-eb0ec6b5]{font-size:60px;color:#f39c12}.confirmation-text[data-v-eb0ec6b5]{font-size:16px;color:#333;margin-bottom:15px;font-weight:500}.warning-text-small[data-v-eb0ec6b5]{font-size:12px;color:#999;display:flex;align-items:center;justify-content:center;gap:8px;background:#f8f9fa;padding:10px;border-radius:8px}.modal-footer[data-v-eb0ec6b5]{padding:20px 25px;border-top:1px solid #eef2f6;display:flex;justify-content:flex-end;gap:10px}.btn-secondary[data-v-eb0ec6b5]{padding:10px 20px;background:#f8fafc;color:#666;border:1px solid #eef2f6;border-radius:8px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-secondary[data-v-eb0ec6b5]:hover{background:#eef2f6}.btn-danger[data-v-eb0ec6b5]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-danger[data-v-eb0ec6b5]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c4d}.btn-danger[data-v-eb0ec6b5]:disabled{opacity:.6;cursor:not-allowed}.spinner-small[data-v-eb0ec6b5]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-eb0ec6b5 .6s linear infinite}@keyframes spin-eb0ec6b5{to{transform:rotate(360deg)}}@media(max-width:360px){.hamburger-btn[data-v-eb0ec6b5]{top:10px;left:10px;width:38px;height:38px;font-size:1rem}.sidebar[data-v-eb0ec6b5]{width:50%}.modal-content[data-v-eb0ec6b5]{width:95%}}@media(min-width:361px)and (max-width:480px){.hamburger-btn[data-v-eb0ec6b5]{top:12px;left:12px;width:40px;height:40px}.sidebar[data-v-eb0ec6b5]{width:280px}}@media(min-width:481px)and (max-width:768px){.hamburger-btn[data-v-eb0ec6b5]{top:15px;left:15px}.sidebar[data-v-eb0ec6b5]{width:280px}}.nav-section:has(.submenu-item.active)>.section-header[data-v-eb0ec6b5]{color:#fff;background:#3498db33}.nav-section:has(.submenu-item.active)>.section-header .section-title[data-v-eb0ec6b5]{color:#3498db}.nav-section:has(.submenu-item.active)>.section-header i[data-v-eb0ec6b5]{color:#3498db}.navbar[data-v-5ee68a9c]{height:70px;background:#fff;border-bottom:1px solid #eef2f6;display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000000d}.navbar-left[data-v-5ee68a9c]{display:flex;align-items:center;gap:20px}.menu-toggle[data-v-5ee68a9c]{display:none;background:#3498db;border:none;font-size:1.2rem;color:#fff;cursor:pointer;padding:10px 12px;border-radius:8px;width:45px;height:45px;align-items:center;justify-content:center;box-shadow:0 4px 10px #3498db4d;transition:all .3s}.menu-toggle[data-v-5ee68a9c]:hover{background:#2980b9;transform:scale(1.05)}.page-title h2[data-v-5ee68a9c]{font-size:1.3rem;color:#333;margin:0;font-weight:600}.navbar-right[data-v-5ee68a9c]{display:flex;align-items:center;gap:20px}.search-bar[data-v-5ee68a9c]{position:relative;width:300px;transition:all .3s}.search-bar.expanded[data-v-5ee68a9c]{width:350px}.search-icon[data-v-5ee68a9c]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;font-size:.9rem}.search-input[data-v-5ee68a9c]{width:100%;padding:10px 15px 10px 35px;border:1px solid #eef2f6;border-radius:8px;font-size:.9rem;transition:all .3s;background:#f8fafc}.search-input[data-v-5ee68a9c]:focus{outline:none;border-color:#2196f3;background:#fff;box-shadow:0 0 0 3px #2196f31a}.notifications[data-v-5ee68a9c]{position:relative}.notification-btn[data-v-5ee68a9c]{background:none;border:none;font-size:1.2rem;color:#666;cursor:pointer;padding:8px;border-radius:5px;position:relative}.notification-btn[data-v-5ee68a9c]:hover{background:#f5f5f5}.notification-badge[data-v-5ee68a9c]{position:absolute;top:0;right:0;background:#f44336;color:#fff;font-size:.7rem;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center}.notifications-dropdown[data-v-5ee68a9c]{position:absolute;top:100%;right:0;width:350px;background:#fff;border-radius:10px;box-shadow:0 5px 25px #00000026;margin-top:10px;overflow:hidden;z-index:1000}.dropdown-header[data-v-5ee68a9c]{padding:15px 20px;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;align-items:center}.dropdown-header h4[data-v-5ee68a9c]{margin:0;color:#333;font-size:1rem}.mark-read-btn[data-v-5ee68a9c]{background:none;border:none;color:#2196f3;font-size:.85rem;cursor:pointer}.notifications-list[data-v-5ee68a9c]{max-height:350px;overflow-y:auto}.notification-item[data-v-5ee68a9c]{padding:15px 20px;display:flex;gap:15px;cursor:pointer;transition:background .3s;border-bottom:1px solid #f5f5f5}.notification-item[data-v-5ee68a9c]:hover{background:#f8f9fa}.notification-item.unread[data-v-5ee68a9c]{background:#e3f2fd}.notification-icon[data-v-5ee68a9c]{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.notification-icon.payment[data-v-5ee68a9c]{background:#4caf50}.notification-icon.loan[data-v-5ee68a9c]{background:#2196f3}.notification-icon.customer[data-v-5ee68a9c]{background:#ff9800}.notification-icon.warning[data-v-5ee68a9c]{background:#f44336}.notification-content[data-v-5ee68a9c]{flex:1}.notification-text[data-v-5ee68a9c]{margin:0 0 5px;color:#333;font-size:.9rem}.notification-time[data-v-5ee68a9c]{font-size:.75rem;color:#999}.no-notifications[data-v-5ee68a9c]{padding:40px 20px;text-align:center;color:#999}.no-notifications i[data-v-5ee68a9c]{font-size:2rem;color:#ddd;margin-bottom:10px}.dropdown-footer[data-v-5ee68a9c]{padding:12px 20px;text-align:center;border-top:1px solid #eef2f6}.dropdown-footer a[data-v-5ee68a9c]{color:#2196f3;text-decoration:none;font-size:.9rem}.user-menu[data-v-5ee68a9c]{position:relative;cursor:pointer}.user-info[data-v-5ee68a9c]{display:flex;align-items:center;gap:12px;padding:5px 10px;border-radius:8px;transition:background .3s}.user-info[data-v-5ee68a9c]:hover{background:#f5f5f5}.user-avatar[data-v-5ee68a9c]{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-details[data-v-5ee68a9c]{display:flex;flex-direction:column}.user-name[data-v-5ee68a9c]{font-size:.9rem;font-weight:600;color:#333}.user-role[data-v-5ee68a9c]{font-size:.75rem;color:#999}.user-dropdown[data-v-5ee68a9c]{position:absolute;top:100%;right:0;width:220px;background:#fff;border-radius:8px;box-shadow:0 5px 25px #00000026;margin-top:10px;overflow:hidden;z-index:1000}.dropdown-item[data-v-5ee68a9c]{padding:12px 15px;display:flex;align-items:center;gap:12px;color:#333;text-decoration:none;transition:background .3s;width:100%;border:none;background:none;cursor:pointer;font-size:.9rem;text-align:left}.dropdown-item[data-v-5ee68a9c]:hover{background:#f5f5f5}.dropdown-item.text-danger[data-v-5ee68a9c]{color:#f44336}.dropdown-item i[data-v-5ee68a9c]{width:20px;font-size:1rem}.dropdown-divider[data-v-5ee68a9c]{height:1px;background:#eef2f6;margin:5px 0}.mobile-search[data-v-5ee68a9c]{position:fixed;top:70px;left:0;right:0;background:#fff;padding:15px;border-bottom:1px solid #eef2f6;display:flex;gap:10px;z-index:99}.mobile-search-input[data-v-5ee68a9c]{flex:1;padding:10px;border:1px solid #eef2f6;border-radius:5px;font-size:.9rem}.close-search[data-v-5ee68a9c]{background:none;border:none;color:#666;font-size:1rem;cursor:pointer;padding:10px}.modal-overlay[data-v-5ee68a9c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-5ee68a9c .3s ease}@keyframes fadeIn-5ee68a9c{0%{opacity:0}to{opacity:1}}.modal-content[data-v-5ee68a9c]{background:#fff;border-radius:10px;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;animation:slideUp-5ee68a9c .3s ease}@keyframes slideUp-5ee68a9c{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-5ee68a9c]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-5ee68a9c]{margin:0;color:#333;font-size:1.3rem}.close-btn[data-v-5ee68a9c]{background:none;border:none;font-size:1.8rem;color:#999;cursor:pointer;line-height:1}.close-btn[data-v-5ee68a9c]:hover{color:#666}.modal-body[data-v-5ee68a9c]{padding:25px}.modal-actions[data-v-5ee68a9c]{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-group[data-v-5ee68a9c]{margin-bottom:20px}.form-group label[data-v-5ee68a9c]{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#333;font-weight:500;font-size:.9rem}.form-group label i[data-v-5ee68a9c]{color:#2196f3;width:18px}.form-control[data-v-5ee68a9c]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:.95rem;transition:all .3s}.form-control[data-v-5ee68a9c]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.form-control.is-invalid[data-v-5ee68a9c]{border-color:#f44336}.password-input[data-v-5ee68a9c]{position:relative}.password-toggle[data-v-5ee68a9c]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:5px}.error-text[data-v-5ee68a9c]{color:#f44336;font-size:.8rem;margin-top:4px;display:block}.alert[data-v-5ee68a9c]{padding:12px 15px;border-radius:5px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.alert-danger[data-v-5ee68a9c]{background:#fee;color:#f44336;border:1px solid #fcc}.password-requirements[data-v-5ee68a9c]{background:#f8f9fa;border-radius:5px;padding:15px;margin:20px 0}.password-requirements p[data-v-5ee68a9c]{margin:0 0 10px;color:#666;font-size:.9rem;font-weight:500}.password-requirements ul[data-v-5ee68a9c]{list-style:none;padding:0;margin:0}.password-requirements li[data-v-5ee68a9c]{display:flex;align-items:center;gap:8px;padding:4px 0;color:#999;font-size:.85rem}.password-requirements li.valid[data-v-5ee68a9c]{color:#4caf50}.password-requirements li i[data-v-5ee68a9c]{font-size:.9rem}.password-requirements li.valid i[data-v-5ee68a9c]{color:#4caf50}.btn-primary[data-v-5ee68a9c],.btn-secondary[data-v-5ee68a9c]{padding:10px 20px;border-radius:5px;font-size:.9rem;cursor:pointer;border:none;transition:all .3s}.btn-primary[data-v-5ee68a9c]{background:#2196f3;color:#fff}.btn-primary[data-v-5ee68a9c]:hover:not(:disabled){background:#1976d2;transform:translateY(-2px);box-shadow:0 5px 15px #2196f34d}.btn-secondary[data-v-5ee68a9c]{background:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary[data-v-5ee68a9c]:hover{background:#e0e0e0}.btn-primary[data-v-5ee68a9c]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-5ee68a9c]{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-5ee68a9c .8s linear infinite}@keyframes spin-5ee68a9c{to{transform:rotate(360deg)}}.toast-notification[data-v-5ee68a9c]{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:#fff;border-radius:8px;box-shadow:0 5px 20px #0003;display:flex;align-items:center;gap:12px;animation:slideInRight-5ee68a9c .3s ease;z-index:2100;border-left:4px solid}.toast-notification.success[data-v-5ee68a9c]{border-left-color:#4caf50}.toast-notification.error[data-v-5ee68a9c]{border-left-color:#f44336}.toast-notification i[data-v-5ee68a9c]{font-size:1.2rem}.toast-notification.success i[data-v-5ee68a9c]{color:#4caf50}.toast-notification.error i[data-v-5ee68a9c]{color:#f44336}@keyframes slideInRight-5ee68a9c{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.menu-toggle[data-v-5ee68a9c]{display:flex}.search-bar[data-v-5ee68a9c],.user-details[data-v-5ee68a9c]{display:none}.navbar[data-v-5ee68a9c]{padding:0 15px}.notifications-dropdown[data-v-5ee68a9c]{width:300px;right:-50px}.modal-content[data-v-5ee68a9c]{width:95%;margin:20px}}@media(max-width:480px){.page-title h2[data-v-5ee68a9c]{font-size:1rem}.notifications-dropdown[data-v-5ee68a9c]{width:280px;right:-70px}}.footer[data-v-979d1bec]{background:#fff;border-top:1px solid #eef2f6;padding:15px 25px;margin-top:auto}.footer-content[data-v-979d1bec]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.footer-left p[data-v-979d1bec]{margin:0;color:#666;font-size:.85rem}.footer-right[data-v-979d1bec]{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer-links[data-v-979d1bec]{display:flex;align-items:center;gap:10px}.footer-links a[data-v-979d1bec]{color:#666;text-decoration:none;font-size:.85rem;transition:color .3s}.footer-links a[data-v-979d1bec]:hover{color:#2196f3}.separator[data-v-979d1bec]{color:#ddd;font-size:.85rem}.footer-stats[data-v-979d1bec]{display:flex;align-items:center;gap:15px}.stat-item[data-v-979d1bec]{display:flex;align-items:center;gap:5px;color:#666;font-size:.85rem}.stat-item i[data-v-979d1bec]{font-size:.9rem;color:#999}.text-success[data-v-979d1bec]{color:#4caf50}.text-danger[data-v-979d1bec]{color:#f44336}.quick-actions[data-v-979d1bec]{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eef2f6;padding:10px;justify-content:space-around;z-index:1000}.quick-action-btn[data-v-979d1bec]{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:5px;color:#666;cursor:pointer;padding:5px 10px;border-radius:5px}.quick-action-btn[data-v-979d1bec]:hover{background:#f5f5f5}.quick-action-btn i[data-v-979d1bec]{font-size:1.2rem}.quick-action-btn span[data-v-979d1bec]{font-size:.7rem}.modal-overlay[data-v-979d1bec]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content[data-v-979d1bec]{background:#fff;border-radius:10px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-header[data-v-979d1bec]{padding:15px 20px;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-979d1bec]{margin:0;color:#333;font-size:1.1rem}.close-btn[data-v-979d1bec]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999}.modal-body[data-v-979d1bec]{padding:20px}.help-list[data-v-979d1bec]{list-style:none;padding:0;margin:15px 0 0}.help-list li[data-v-979d1bec]{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f5f5f5}.help-list li i[data-v-979d1bec]{width:25px;color:#2196f3}@media(max-width:768px){.footer[data-v-979d1bec]{padding:15px;margin-bottom:70px}.footer-content[data-v-979d1bec]{flex-direction:column;text-align:center}.footer-right[data-v-979d1bec]{flex-direction:column;gap:10px}.footer-stats[data-v-979d1bec]{flex-wrap:wrap;justify-content:center}.quick-actions[data-v-979d1bec]{display:flex}}@media(max-width:480px){.footer-links[data-v-979d1bec]{flex-wrap:wrap;justify-content:center}.footer-stats[data-v-979d1bec]{flex-direction:column;gap:5px}}.session-warning{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center}.warning-box{background:#fff;padding:30px;border-radius:10px;text-align:center}.logout-modal[data-v-bc8f6c07]{max-width:400px;text-align:center}.logout-icon[data-v-bc8f6c07]{margin-bottom:20px}.logout-icon i[data-v-bc8f6c07]{font-size:60px;color:#f39c12}.confirmation-text[data-v-bc8f6c07]{font-size:16px;color:#333;margin-bottom:15px;font-weight:500}.warning-text-small[data-v-bc8f6c07]{font-size:12px;color:#999;display:flex;align-items:center;justify-content:center;gap:8px;background:#f8f9fa;padding:10px;border-radius:8px}.modal-icon.warning[data-v-bc8f6c07]{background:#fee;color:#e74c3c;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.spinner-small[data-v-bc8f6c07]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-bc8f6c07 .6s linear infinite}.btn-danger[data-v-bc8f6c07]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-danger[data-v-bc8f6c07]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c4d}.btn-danger[data-v-bc8f6c07]:disabled{opacity:.6;cursor:not-allowed}.layout[data-v-bc8f6c07]{display:flex;min-height:100vh}.main-content[data-v-bc8f6c07]{flex:1;display:flex;flex-direction:column;background:#f5f7fa;transition:margin-left .3s ease;width:100%}.with-sidebar[data-v-bc8f6c07]{margin-left:280px}.content[data-v-bc8f6c07]{flex:1;padding:20px}.mobile-overlay[data-v-bc8f6c07]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn-bc8f6c07 .3s ease}.mobile-sidebar[data-v-bc8f6c07]{position:fixed;top:0;left:0;width:280px;height:100vh;background:linear-gradient(180deg,#1a2639,#2c3e50);color:#fff;z-index:1000;display:flex;flex-direction:column;animation:slideIn-bc8f6c07 .3s ease;overflow-y:auto;box-shadow:2px 0 20px #0000004d}@keyframes slideIn-bc8f6c07{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn-bc8f6c07{0%{opacity:0}to{opacity:1}}.mobile-sidebar-header[data-v-bc8f6c07]{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:#0003}.mobile-sidebar-header .logo h2[data-v-bc8f6c07]{color:#fff;font-size:1.5rem;margin:0;font-weight:600}.close-menu[data-v-bc8f6c07]{background:none;border:1px solid #3498db;color:#fff;font-size:1.2rem;cursor:pointer;padding:8px 12px;border-radius:5px;transition:background .3s}.close-menu[data-v-bc8f6c07]:hover{background:#ffffff1a}.mobile-user-info[data-v-bc8f6c07]{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-avatar[data-v-bc8f6c07]{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #3498db}.mobile-user-name[data-v-bc8f6c07]{font-size:1rem;font-weight:600;color:#fff}.mobile-user-role[data-v-bc8f6c07]{font-size:.8rem;color:#8a9bb5}.mobile-nav[data-v-bc8f6c07]{flex:1;padding:20px 0;overflow-y:auto}.mobile-nav-item[data-v-bc8f6c07]{display:flex;align-items:center;padding:12px 20px;color:#b7c0cd;text-decoration:none;transition:all .3s;margin-bottom:5px}.mobile-nav-item i[data-v-bc8f6c07]{width:24px;font-size:1.1rem;margin-right:10px;color:#8a9bb5}.mobile-nav-item[data-v-bc8f6c07]:hover{background:#ffffff1a;color:#fff}.mobile-nav-item:hover i[data-v-bc8f6c07]{color:#fff}.mobile-nav-item.active[data-v-bc8f6c07]{background:#3498db;color:#fff}.mobile-nav-item.active i[data-v-bc8f6c07]{color:#fff}.mobile-nav-section[data-v-bc8f6c07]{margin-bottom:5px}.mobile-section-header[data-v-bc8f6c07]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;color:#b7c0cd;transition:background .3s}.mobile-section-header[data-v-bc8f6c07]:hover{background:#ffffff0d}.mobile-section-header span[data-v-bc8f6c07]{display:flex;align-items:center;gap:10px}.mobile-section-header span i[data-v-bc8f6c07]{width:20px;color:#8a9bb5}.mobile-section-header i.fa-chevron-down[data-v-bc8f6c07]{font-size:.8rem;transition:transform .3s;color:#8a9bb5}.mobile-section-header i.fa-chevron-down.rotated[data-v-bc8f6c07]{transform:rotate(180deg)}.mobile-submenu[data-v-bc8f6c07]{background:#0003;animation:slideDown-bc8f6c07 .3s ease}@keyframes slideDown-bc8f6c07{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-submenu-item[data-v-bc8f6c07]{display:flex;align-items:center;padding:10px 20px 10px 54px;color:#b7c0cd;text-decoration:none;transition:all .3s;font-size:.9rem}.mobile-submenu-item i[data-v-bc8f6c07]{width:20px;font-size:.9rem;margin-right:10px;color:#8a9bb5}.mobile-submenu-item[data-v-bc8f6c07]:hover{background:#ffffff1a;color:#fff}.mobile-submenu-item:hover i[data-v-bc8f6c07]{color:#fff}.mobile-submenu-item.active[data-v-bc8f6c07]{background:#3498db;color:#fff}.mobile-submenu-item.active i[data-v-bc8f6c07]{color:#fff}.badge[data-v-bc8f6c07]{background:#e74c3c;color:#fff;padding:2px 6px;border-radius:10px;font-size:.7rem;margin-left:5px}.mobile-sidebar-footer[data-v-bc8f6c07]{border-top:1px solid rgba(255,255,255,.1);padding:15px 20px;background:#0003}.mobile-logout-btn[data-v-bc8f6c07]{width:100%;padding:12px;background:#e74c3c33;border:1px solid #e74c3c;border-radius:5px;color:#e74c3c;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s}.mobile-logout-btn[data-v-bc8f6c07]:hover{background:#e74c3c;color:#fff}.mobile-logout-btn i[data-v-bc8f6c07]{font-size:1rem}.branch-info-bar[data-v-bc8f6c07]{background:#fff;border-bottom:1px solid #eef2f6;padding:10px 20px;box-shadow:0 2px 4px #00000005}.branch-info-container[data-v-bc8f6c07]{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.branch-info-left[data-v-bc8f6c07]{display:flex;align-items:center;gap:12px}.branch-icon[data-v-bc8f6c07]{font-size:1.2rem;color:#3498db;background:#e3f2fd;padding:8px;border-radius:50%}.branch-details[data-v-bc8f6c07]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.branch-label[data-v-bc8f6c07]{color:#666;font-size:.9rem}.branch-name[data-v-bc8f6c07]{font-weight:600;color:#333;font-size:1rem}.branch-location[data-v-bc8f6c07]{color:#999;font-size:.85rem}.branch-info-right[data-v-bc8f6c07]{display:flex;align-items:center;gap:15px}.btn-add-branch[data-v-bc8f6c07]{padding:6px 12px;background:#e3f2fd;border:1px solid #3498db;border-radius:6px;color:#1976d2;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s}.btn-add-branch[data-v-bc8f6c07]:hover{background:#1976d2;color:#fff;border-color:#1976d2}.btn-add-branch i[data-v-bc8f6c07]{font-size:.9rem}.btn-switch-branch[data-v-bc8f6c07]{padding:6px 12px;background:#fff;border:1px solid #eef2f6;border-radius:6px;color:#666;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-switch-branch[data-v-bc8f6c07]:hover{border-color:#3498db;color:#3498db}.btn-switch-branch i.fa-chevron-down[data-v-bc8f6c07]{font-size:.75rem;transition:transform .3s}.btn-switch-branch i.fa-chevron-down.rotated[data-v-bc8f6c07]{transform:rotate(180deg)}.branch-switcher[data-v-bc8f6c07]{position:relative}.branch-dropdown[data-v-bc8f6c07]{position:absolute;top:100%;right:0;width:280px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;margin-top:5px;z-index:1000;animation:slideDown-bc8f6c07 .2s ease;border:1px solid #eef2f6}.dropdown-header[data-v-bc8f6c07]{padding:15px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;justify-content:space-between}.dropdown-header h4[data-v-bc8f6c07]{margin:0;color:#333;font-size:.95rem;font-weight:600}.close-dropdown[data-v-bc8f6c07]{background:none;border:none;color:#999;cursor:pointer;font-size:1rem;padding:5px}.close-dropdown[data-v-bc8f6c07]:hover{color:#e74c3c}.branches-list[data-v-bc8f6c07]{max-height:300px;overflow-y:auto;padding:10px}.branch-item[data-v-bc8f6c07]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .3s;margin-bottom:5px}.branch-item[data-v-bc8f6c07]:hover{background:#f8fafc}.branch-item.active[data-v-bc8f6c07]{background:#e3f2fd;border:1px solid #3498db}.branch-item-info[data-v-bc8f6c07]{display:flex;flex-direction:column}.branch-item-name[data-v-bc8f6c07]{font-weight:600;color:#333;font-size:.9rem}.branch-item-location[data-v-bc8f6c07]{font-size:.75rem;color:#999}.branch-item i[data-v-bc8f6c07]{color:#27ae60;font-size:.9rem}.modal-overlay[data-v-bc8f6c07]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-bc8f6c07 .3s ease}.modal-content[data-v-bc8f6c07]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp-bc8f6c07 .3s ease}.modal-header[data-v-bc8f6c07]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;justify-content:space-between}.modal-header h3[data-v-bc8f6c07]{margin:0;color:#333;font-size:1.2rem}.close-btn[data-v-bc8f6c07]{background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;padding:5px}.close-btn[data-v-bc8f6c07]:hover{color:#e74c3c}.modal-body[data-v-bc8f6c07]{padding:25px}.modal-footer[data-v-bc8f6c07]{padding:20px 25px;border-top:1px solid #eef2f6;display:flex;justify-content:flex-end;gap:10px}.form-group[data-v-bc8f6c07]{margin-bottom:15px}.form-group label[data-v-bc8f6c07]{display:block;margin-bottom:5px;color:#333;font-size:.85rem;font-weight:500}.form-control[data-v-bc8f6c07]{width:100%;padding:10px 12px;border:2px solid #eef2f6;border-radius:8px;font-size:.9rem;transition:all .3s}.form-control[data-v-bc8f6c07]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-control.is-invalid[data-v-bc8f6c07]{border-color:#e74c3c}.error-text[data-v-bc8f6c07]{color:#e74c3c;font-size:.75rem;margin-top:5px;display:block}.btn-primary[data-v-bc8f6c07]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-primary[data-v-bc8f6c07]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}.btn-primary[data-v-bc8f6c07]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-bc8f6c07]{padding:10px 20px;background:#f8fafc;color:#666;border:1px solid #eef2f6;border-radius:8px;font-size:.9rem;cursor:pointer}.btn-secondary[data-v-bc8f6c07]:hover{background:#eef2f6}.spinner[data-v-bc8f6c07]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-bc8f6c07 .6s linear infinite}@keyframes spin-bc8f6c07{to{transform:rotate(360deg)}}@keyframes slideUp-bc8f6c07{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1024px){.with-sidebar[data-v-bc8f6c07]{margin-left:0}}@media(max-width:768px){.content[data-v-bc8f6c07]{padding:15px}}@media(max-width:480px){.content[data-v-bc8f6c07]{padding:10px}.mobile-sidebar[data-v-bc8f6c07]{width:100%}}.alert-info[data-v-21e428a7]{background:#e3f2fd;color:#0c5460;border:1px solid #bee5eb;padding:10px;margin-bottom:15px;border-radius:5px;font-family:monospace;max-height:250px;overflow:auto}.alert-info strong[data-v-21e428a7]{display:block;margin-bottom:5px}.login-container[data-v-21e428a7]{display:flex;justify-content:center;align-items:center;min-height:70vh;background:linear-gradient(135deg,#1e3c72,#2a5298);padding:10px;position:relative;overflow:hidden}.login-container[data-v-21e428a7]:before{content:"";position:absolute;width:200%;height:200%;background:#ffffff0d;transform:rotate(45deg);top:-50%;left:-50%;z-index:0}.login-box[data-v-21e428a7]{background:#fff;border-radius:10px;box-shadow:0 20px 50px #0000004d;width:100%;max-width:400px;padding:45px 40px;position:relative;z-index:1;animation:slideUp-21e428a7 .5s ease-out}@keyframes slideUp-21e428a7{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-21e428a7]{text-align:center;margin-bottom:25px}.logo-container[data-v-21e428a7]{margin-bottom:10px;display:flex;justify-content:center}.logo[data-v-21e428a7]{max-width:280px;max-height:260px;object-fit:contain;transition:transform .3s ease}.logo[data-v-21e428a7]:hover{transform:scale(1.05)}.welcome-text[data-v-21e428a7]{color:#666;font-size:16px;margin:0;position:relative;display:inline-block;padding:0 20px}.welcome-text[data-v-21e428a7]:before,.welcome-text[data-v-21e428a7]:after{content:"";position:absolute;top:50%;width:30px;height:1px;background:#ddd}.welcome-text[data-v-21e428a7]:before{left:-20px}.welcome-text[data-v-21e428a7]:after{right:-20px}.form-group[data-v-21e428a7]{margin-bottom:25px}.form-group label[data-v-21e428a7]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px;display:flex;align-items:center}.form-group label i[data-v-21e428a7]{color:#1e3c72;font-size:14px;width:30px}.form-control[data-v-21e428a7]{width:93%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s;background:#f8fafc}.form-control[data-v-21e428a7]:focus{border-color:#1e3c72;outline:none;box-shadow:0 0 0 4px #1e3c721a;background:#fff}.form-control.is-invalid[data-v-21e428a7]{border-color:#dc3545;background:#fff8f8}.form-control[data-v-21e428a7]::placeholder{color:#a0aec0;font-size:13px}.password-input[data-v-21e428a7]{position:relative}.password-toggle[data-v-21e428a7]{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .3s}.password-toggle[data-v-21e428a7]:hover{color:#1e3c72}.error-text[data-v-21e428a7]{color:#dc3545;font-size:12px;margin-top:6px;display:flex;align-items:center;gap:4px}.form-options[data-v-21e428a7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.checkbox-label[data-v-21e428a7]{display:flex;align-items:center;gap:8px;color:#666;font-size:14px;cursor:pointer;position:relative;padding-left:25px;-webkit-user-select:none;user-select:none}.checkbox-label input[data-v-21e428a7]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-21e428a7]{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#f8fafc;border:2px solid #eef2f6;border-radius:4px;transition:all .2s}.checkbox-label:hover input~.checkmark[data-v-21e428a7]{background-color:#eef2f6}.checkbox-label input:checked~.checkmark[data-v-21e428a7]{background-color:#1e3c72;border-color:#1e3c72}.checkmark[data-v-21e428a7]:after{content:"";position:absolute;display:none}.checkbox-label input:checked~.checkmark[data-v-21e428a7]:after{display:block}.checkbox-label .checkmark[data-v-21e428a7]:after{left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.forgot-link[data-v-21e428a7]{color:#1e3c72;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s}.forgot-link[data-v-21e428a7]:hover{color:#2a5298;text-decoration:underline}.btn-login[data-v-21e428a7]{width:100%;padding:14px;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #1e3c724d}.btn-login[data-v-21e428a7]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #1e3c7266}.btn-login[data-v-21e428a7]:active:not(:disabled){transform:translateY(0)}.btn-login[data-v-21e428a7]:disabled{opacity:.7;cursor:not-allowed}.spinner[data-v-21e428a7]{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-21e428a7 .8s linear infinite}@keyframes spin-21e428a7{to{transform:rotate(360deg)}}.alert[data-v-21e428a7]{padding:14px 16px;border-radius:12px;margin-bottom:25px;display:flex;align-items:flex-start;gap:10px;font-size:14px}.alert-danger[data-v-21e428a7]{background:#fee;color:#dc3545;border:1px solid #fcc}.alert-danger i[data-v-21e428a7]{font-size:18px;margin-top:2px}.login-footer[data-v-21e428a7]{margin-top:35px;text-align:center;color:#999;font-size:12px}@media(max-width:480px){.login-box[data-v-21e428a7]{padding:30px 25px}.logo[data-v-21e428a7]{max-width:140px}.welcome-text[data-v-21e428a7]{font-size:14px}.welcome-text[data-v-21e428a7]:before,.welcome-text[data-v-21e428a7]:after{width:20px}}.dashboard[data-v-48967b40]{padding:0 20px;max-width:1400px;margin:0 auto}.page-header[data-v-48967b40]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-48967b40]{font-size:2rem;color:#333;margin:0}.page-header .date[data-v-48967b40]{color:#666;font-size:1rem}.error-state[data-v-48967b40]{text-align:center;padding:50px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.error-state i[data-v-48967b40]{font-size:48px;color:#f44336;margin-bottom:20px}.error-state p[data-v-48967b40]{color:#666;margin-bottom:20px}.stats-grid[data-v-48967b40]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-48967b40]{background:#fff;border-radius:10px;padding:20px;display:flex;align-items:center;box-shadow:0 2px 10px #0000001a;transition:transform .3s,box-shadow .3s}.stat-card[data-v-48967b40]:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.stat-icon[data-v-48967b40]{width:60px;height:60px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}.stat-icon i[data-v-48967b40]{font-size:24px;color:#fff}.stat-details[data-v-48967b40]{flex:1}.stat-details h3[data-v-48967b40]{font-size:24px;margin:0 0 5px;color:#333}.stat-details p[data-v-48967b40]{color:#666;margin:0 0 5px;font-size:14px}.stat-change[data-v-48967b40]{font-size:12px;display:flex;align-items:center;gap:3px}.stat-change.positive[data-v-48967b40]{color:#4caf50}.stat-change.negative[data-v-48967b40]{color:#f44336}.stat-change.neutral[data-v-48967b40]{color:#999}.change-direction[data-v-48967b40]{font-size:11px;text-transform:lowercase}.metrics-cards[data-v-48967b40]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.metric-card[data-v-48967b40]{background:#fff;border-radius:10px;padding:20px;display:flex;align-items:center;box-shadow:0 2px 10px #0000001a;transition:transform .3s}.metric-card[data-v-48967b40]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.metric-icon[data-v-48967b40]{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:15px}.metric-icon i[data-v-48967b40]{font-size:24px;color:#fff}.metric-content[data-v-48967b40]{flex:1}.metric-value[data-v-48967b40]{font-size:28px;font-weight:700;color:#333;margin-bottom:5px}.metric-label[data-v-48967b40]{font-size:14px;color:#666;margin-bottom:5px}.metric-detail[data-v-48967b40]{font-size:12px;color:#999}.status-distribution[data-v-48967b40]{background:#fff;border-radius:10px;padding:20px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.status-distribution h3[data-v-48967b40]{margin:0 0 20px;color:#333;font-size:1.1rem}.status-bars[data-v-48967b40]{display:flex;flex-direction:column;gap:15px}.status-bar-item[data-v-48967b40]{width:100%}.status-label[data-v-48967b40]{display:flex;align-items:center;gap:10px;margin-bottom:5px;font-size:14px}.status-color[data-v-48967b40]{width:12px;height:12px;border-radius:3px}.status-color.active[data-v-48967b40]{background:#2196f3}.status-color.paid[data-v-48967b40]{background:#4caf50}.status-color.pending[data-v-48967b40]{background:#ff9800}.status-color.defaulted[data-v-48967b40]{background:#f44336}.status-count[data-v-48967b40]{margin-left:auto;font-weight:700;color:#333}.progress-bar[data-v-48967b40]{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill[data-v-48967b40]{height:100%;border-radius:4px;transition:width .3s ease}.progress-fill.active[data-v-48967b40]{background:#2196f3}.progress-fill.paid[data-v-48967b40]{background:#4caf50}.progress-fill.pending[data-v-48967b40]{background:#ff9800}.progress-fill.defaulted[data-v-48967b40]{background:#f44336}.charts-row[data-v-48967b40]{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:20px;margin-bottom:30px}.chart-card[data-v-48967b40]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a}.chart-header[data-v-48967b40]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3[data-v-48967b40]{margin:0;color:#333;font-size:1.1rem}.chart-select[data-v-48967b40]{padding:5px 10px;border:1px solid #ddd;border-radius:5px;font-size:.9rem;cursor:pointer;background:#fff}.chart-container[data-v-48967b40]{height:300px;position:relative}.recent-activity[data-v-48967b40],.upcoming-payments[data-v-48967b40]{background:#fff;border-radius:10px;padding:20px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.activity-header[data-v-48967b40],.section-header[data-v-48967b40]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.activity-header h3[data-v-48967b40],.section-header h3[data-v-48967b40]{margin:0;color:#333;font-size:1.2rem}.header-actions[data-v-48967b40]{display:flex;gap:15px;align-items:center}.days-select[data-v-48967b40]{padding:5px 10px;border:1px solid #ddd;border-radius:5px;font-size:.9rem;cursor:pointer;background:#fff}.view-all[data-v-48967b40]{color:#2196f3;text-decoration:none;font-size:.9rem}.view-all[data-v-48967b40]:hover{text-decoration:underline}.activity-list[data-v-48967b40]{display:flex;flex-direction:column;gap:15px}.activity-item[data-v-48967b40]{display:flex;align-items:center;padding:10px;background:#f8f9fa;border-radius:8px;transition:background .3s}.activity-item[data-v-48967b40]:hover{background:#f1f3f5}.activity-icon[data-v-48967b40]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}.activity-icon.CREATE[data-v-48967b40]{background:#4caf50}.activity-icon.UPDATE[data-v-48967b40]{background:#ff9800}.activity-icon.DELETE[data-v-48967b40]{background:#f44336}.activity-icon.PAYMENT[data-v-48967b40]{background:#2196f3}.activity-icon.LOAN[data-v-48967b40]{background:#9c27b0}.activity-icon.CUSTOMER[data-v-48967b40]{background:#009688}.activity-icon i[data-v-48967b40]{color:#fff;font-size:18px}.activity-details[data-v-48967b40]{flex:1}.activity-description[data-v-48967b40]{margin:0 0 5px;color:#333;font-size:.95rem}.activity-time[data-v-48967b40]{margin:0;color:#999;font-size:.8rem}.activity-user[data-v-48967b40]{display:flex;align-items:center;gap:10px;min-width:120px}.activity-avatar[data-v-48967b40]{width:30px;height:30px;border-radius:50%;object-fit:cover}.table-responsive[data-v-48967b40]{overflow-x:auto}.table[data-v-48967b40]{width:100%;border-collapse:collapse}.table th[data-v-48967b40]{text-align:left;padding:12px;background:#f8f9fa;color:#333;font-weight:600;font-size:.9rem;border-bottom:2px solid #dee2e6}.table td[data-v-48967b40]{padding:12px;border-bottom:1px solid #dee2e6;color:#666}.text-center[data-v-48967b40]{text-align:center}.customer-info[data-v-48967b40]{display:flex;align-items:center;gap:10px}.customer-name[data-v-48967b40]{font-weight:500;color:#333}.customer-phone[data-v-48967b40]{font-size:12px;color:#999;margin-top:2px}.customer-avatar[data-v-48967b40]{width:35px;height:35px;border-radius:50%;object-fit:cover}.amount[data-v-48967b40]{font-weight:500;color:#4caf50}.penalty[data-v-48967b40]{color:#f44336;font-weight:500}.days-badge[data-v-48967b40]{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;display:inline-block}.badge-success[data-v-48967b40]{background:#d4edda;color:#155724}.badge-info[data-v-48967b40]{background:#d1ecf1;color:#0c5460}.badge-warning[data-v-48967b40]{background:#fff3cd;color:#856404}.badge-danger[data-v-48967b40]{background:#f8d7da;color:#721c24}.btn-sm[data-v-48967b40]{padding:5px 10px;font-size:.8rem;border-radius:4px;cursor:pointer;border:none;transition:background .3s}.btn-primary[data-v-48967b40]{background:#2196f3;color:#fff}.btn-primary[data-v-48967b40]:hover{background:#1976d2}.loading[data-v-48967b40]{text-align:center;padding:50px}.spinner[data-v-48967b40]{display:inline-block;width:40px;height:40px;border:3px solid #f3f3f3;border-top-color:#2196f3;border-radius:50%;animation:spin-48967b40 1s linear infinite}@keyframes spin-48967b40{to{transform:rotate(360deg)}}@media(max-width:768px){.stats-grid[data-v-48967b40],.metrics-cards[data-v-48967b40],.charts-row[data-v-48967b40]{grid-template-columns:1fr}.page-header[data-v-48967b40]{flex-direction:column;align-items:flex-start;gap:10px}.activity-item[data-v-48967b40]{flex-wrap:wrap}.activity-user[data-v-48967b40]{margin-left:55px;margin-top:10px}.header-actions[data-v-48967b40]{flex-direction:column;align-items:flex-end}.table th[data-v-48967b40],.table td[data-v-48967b40]{padding:8px;font-size:.85rem}.customer-info[data-v-48967b40]{min-width:120px}}.loans-modal[data-v-a784a8f5]{max-width:800px!important;width:90%}.loans-modal-body[data-v-a784a8f5]{max-height:60vh;overflow-y:auto}.loans-summary-cards[data-v-a784a8f5]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.summary-card-mini[data-v-a784a8f5]{background:#f8fafc;border-radius:10px;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid #eef2f6}.summary-card-mini .summary-icon[data-v-a784a8f5]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.summary-card-mini.total .summary-icon[data-v-a784a8f5]{background:#3498db;color:#fff}.summary-card-mini.active .summary-icon[data-v-a784a8f5]{background:#27ae60;color:#fff}.summary-card-mini.completed .summary-icon[data-v-a784a8f5]{background:#9b59b6;color:#fff}.summary-card-mini.defaulted .summary-icon[data-v-a784a8f5]{background:#e74c3c;color:#fff}.summary-content[data-v-a784a8f5]{flex:1}.summary-label[data-v-a784a8f5]{display:block;font-size:.75rem;color:#666;margin-bottom:3px}.summary-value[data-v-a784a8f5]{font-size:1.2rem;font-weight:700;color:#333}.amount-summary[data-v-a784a8f5]{background:#f8fafc;border-radius:10px;padding:15px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}.amount-item[data-v-a784a8f5]{display:flex;flex-direction:column}.amount-label[data-v-a784a8f5]{font-size:.75rem;color:#666}.amount-value[data-v-a784a8f5]{font-size:1rem;font-weight:600;color:#333}.amount-value.success[data-v-a784a8f5]{color:#27ae60}.amount-value.warning[data-v-a784a8f5]{color:#f39c12}.loans-grid[data-v-a784a8f5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:15px}.loan-card[data-v-a784a8f5]{background:#f8fafc;border-radius:10px;padding:15px;border:1px solid #eef2f6;transition:all .3s;cursor:pointer}.loan-card[data-v-a784a8f5]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.loan-card-header[data-v-a784a8f5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.loan-title[data-v-a784a8f5]{display:flex;align-items:center;gap:8px}.loan-number[data-v-a784a8f5]{font-weight:600;color:#3498db}.loan-status-badge[data-v-a784a8f5]{padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:500}.loan-status-badge.active[data-v-a784a8f5]{background:#d4edda;color:#155724}.loan-status-badge.paid[data-v-a784a8f5]{background:#cce5ff;color:#004085}.loan-status-badge.defaulted[data-v-a784a8f5]{background:#f8d7da;color:#721c24}.loan-date[data-v-a784a8f5]{font-size:.7rem;color:#999}.loan-amounts[data-v-a784a8f5]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.amount-row[data-v-a784a8f5]{display:flex;flex-direction:column}.amount-row .label[data-v-a784a8f5]{font-size:.7rem;color:#999}.amount-row .value[data-v-a784a8f5]{font-size:.9rem;font-weight:500;color:#333}.amount-row .value.success[data-v-a784a8f5]{color:#27ae60}.amount-row .value.text-danger[data-v-a784a8f5]{color:#e74c3c}.payment-status-section[data-v-a784a8f5]{margin-bottom:10px}.status-header[data-v-a784a8f5]{display:flex;align-items:center;gap:5px;font-size:.7rem;color:#666;margin-bottom:5px}.payment-progress[data-v-a784a8f5]{display:flex;align-items:center;gap:10px}.progress-bar-mini[data-v-a784a8f5]{flex:1;height:6px;background:#eef2f6;border-radius:3px;overflow:hidden}.progress-fill-mini[data-v-a784a8f5]{height:100%;border-radius:3px;transition:width .3s}.progress-fill-mini.success[data-v-a784a8f5]{background:#27ae60}.progress-fill-mini.warning[data-v-a784a8f5]{background:#f39c12}.progress-fill-mini.danger[data-v-a784a8f5]{background:#e74c3c}.progress-text[data-v-a784a8f5]{font-size:.75rem;font-weight:500;color:#333}.payment-schedule-summary[data-v-a784a8f5]{background:#fff;border-radius:8px;padding:10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.next-payment[data-v-a784a8f5]{display:flex;align-items:center;gap:5px;font-size:.7rem;color:#666}.next-payment i[data-v-a784a8f5]{color:#f39c12}.payment-amount-mini[data-v-a784a8f5]{display:flex;align-items:center;gap:5px}.payment-amount-mini span[data-v-a784a8f5]:first-child{font-weight:600;color:#333;font-size:.8rem}.status-dot[data-v-a784a8f5]{width:8px;height:8px;border-radius:50%}.status-dot.paid[data-v-a784a8f5]{background:#27ae60}.status-dot.pending[data-v-a784a8f5]{background:#f39c12}.status-dot.overdue[data-v-a784a8f5]{background:#e74c3c}.overdue-warning[data-v-a784a8f5]{background:#fee;padding:8px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:.7rem;color:#e74c3c;margin-top:8px}.loan-card-footer[data-v-a784a8f5]{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #eef2f6}.loan-terms[data-v-a784a8f5]{display:flex;gap:10px;font-size:.7rem;color:#666}.loan-terms i[data-v-a784a8f5]{margin-right:3px}.btn-view-loan[data-v-a784a8f5]{padding:5px 12px;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .3s}.btn-view-loan[data-v-a784a8f5]:hover{background:#2980b9}.empty-state[data-v-a784a8f5]{text-align:center;padding:40px;color:#999}.empty-state i[data-v-a784a8f5]{font-size:3rem;margin-bottom:15px}.modal-header-left[data-v-a784a8f5]{display:flex;align-items:center;gap:10px;flex:1}.modal-header-left i[data-v-a784a8f5]{font-size:1.2rem;color:#3498db}.modal-header-actions[data-v-a784a8f5]{display:flex;gap:10px;align-items:center}.btn-refresh[data-v-a784a8f5]{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#666;padding:5px}.btn-refresh i.rotating[data-v-a784a8f5]{animation:spin-a784a8f5 1s linear infinite}.btn-secondary[data-v-a784a8f5]{padding:10px 20px;background:#f8fafc;color:#666;border:1px solid #eef2f6;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-secondary[data-v-a784a8f5]:hover{background:#eef2f6}@media(max-width:768px){.loans-summary-cards[data-v-a784a8f5]{grid-template-columns:repeat(2,1fr)}.loans-grid[data-v-a784a8f5]{grid-template-columns:1fr}.amount-summary[data-v-a784a8f5]{flex-direction:column}}.action-dropdown[data-v-a784a8f5]{position:relative;display:inline-block}.action-menu-btn[data-v-a784a8f5]{width:32px;height:32px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.action-menu-btn[data-v-a784a8f5]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.action-menu[data-v-a784a8f5]{position:absolute;top:100%;right:0;width:200px;background:#fff;border-radius:8px;box-shadow:0 5px 25px #00000026;margin-top:5px;z-index:1000;overflow:hidden;animation:slideDown-a784a8f5 .2s ease}.action-menu-item[data-v-a784a8f5]{display:flex;align-items:center;gap:12px;padding:12px 15px;color:#333;text-decoration:none;transition:background .3s;width:100%;border:none;background:none;cursor:pointer;font-size:.9rem;text-align:left}.action-menu-item[data-v-a784a8f5]:hover{background:#f8fafc}.action-menu-item i[data-v-a784a8f5]{width:18px;color:#666}.action-menu-item.text-danger[data-v-a784a8f5],.action-menu-item.text-danger i[data-v-a784a8f5]{color:#e74c3c}.customer-list-container[data-v-a784a8f5]{padding:5px 10px;max-width:1000px;margin:0 auto}.page-header[data-v-a784a8f5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:15px}.header-left h1[data-v-a784a8f5]{font-size:2rem;color:#1a2639;margin:0 0 5px;font-weight:600}.customer-count[data-v-a784a8f5]{color:#666;margin:0;font-size:.95rem}.header-actions[data-v-a784a8f5]{display:flex;gap:10px;flex-wrap:wrap}.btn-primary[data-v-a784a8f5],.btn-export[data-v-a784a8f5],.btn-import[data-v-a784a8f5]{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .3s;border:none}.btn-primary[data-v-a784a8f5]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 10px #3498db4d}.btn-primary[data-v-a784a8f5]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3498db66}.btn-export[data-v-a784a8f5]{background:#fff;color:#27ae60;border:1px solid #27ae60}.btn-export[data-v-a784a8f5]:hover{background:#27ae60;color:#fff}.btn-import[data-v-a784a8f5]{background:#fff;color:#f39c12;border:1px solid #f39c12}.btn-import[data-v-a784a8f5]:hover{background:#f39c12;color:#fff}.filters-card[data-v-a784a8f5]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.filters-grid[data-v-a784a8f5]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:15px}@media(max-width:1200px){.filters-grid[data-v-a784a8f5]{grid-template-columns:repeat(3,1fr)}.search-group[data-v-a784a8f5]{grid-column:span 3}}@media(max-width:768px){.filters-grid[data-v-a784a8f5]{grid-template-columns:1fr}.search-group[data-v-a784a8f5]{grid-column:span 1}}.filter-group[data-v-a784a8f5]{display:flex;flex-direction:column}.filter-group label[data-v-a784a8f5]{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#666;margin-bottom:5px}.filter-group label i[data-v-a784a8f5]{color:#3498db;font-size:.9rem}.search-input-wrapper[data-v-a784a8f5]{position:relative;width:80%}.search-icon[data-v-a784a8f5]{position:absolute;top:50%;transform:translateY(-50%);color:#999;font-size:.9rem;z-index:1}.search-input[data-v-a784a8f5]{width:100%;padding:12px 35px;border:2px solid #eef2f6;border-radius:8px;font-size:.95rem;transition:all .3s;background:#f8fafc}.search-input[data-v-a784a8f5]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.clear-search[data-v-a784a8f5]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:5px}.clear-search[data-v-a784a8f5]:hover{color:#e74c3c}.form-control[data-v-a784a8f5]{width:100%;padding:10px 12px;border:2px solid #eef2f6;border-radius:8px;font-size:.95rem;transition:all .3s;background:#f8fafc}.form-control[data-v-a784a8f5]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.active-filters[data-v-a784a8f5]{margin-top:15px;padding-top:15px;border-top:1px solid #eef2f6;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.active-filters-label[data-v-a784a8f5]{display:flex;align-items:center;gap:5px;color:#666;font-size:.9rem}.filter-tags[data-v-a784a8f5]{display:flex;gap:10px;flex-wrap:wrap;flex:1}.filter-tag[data-v-a784a8f5]{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;background:#e3f2fd;color:#1976d2;border-radius:20px;font-size:.85rem}.filter-tag i[data-v-a784a8f5]:first-child{font-size:.8rem}.remove-filter[data-v-a784a8f5]{cursor:pointer;padding:2px}.remove-filter[data-v-a784a8f5]:hover{color:#e74c3c}.clear-all-btn[data-v-a784a8f5]{background:none;border:none;color:#e74c3c;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:5px 10px}.clear-all-btn[data-v-a784a8f5]:hover{text-decoration:underline}.stats-cards[data-v-a784a8f5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px}.stat-card[data-v-a784a8f5]{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;transition:all .3s}.stat-card[data-v-a784a8f5]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.stat-icon[data-v-a784a8f5]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.stat-details[data-v-a784a8f5]{display:flex;flex-direction:column}.stat-value[data-v-a784a8f5]{font-size:1.3rem;font-weight:700;color:#1a2639;line-height:1.2}.stat-label[data-v-a784a8f5]{font-size:.85rem;color:#666}.loading-state[data-v-a784a8f5]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.spinner[data-v-a784a8f5]{display:inline-block;width:40px;height:40px;border:3px solid #eef2f6;border-top-color:#3498db;border-radius:50%;animation:spin-a784a8f5 1s linear infinite;margin-bottom:15px}@keyframes spin-a784a8f5{to{transform:rotate(360deg)}}.error-state[data-v-a784a8f5]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.error-state i[data-v-a784a8f5]{font-size:3rem;color:#e74c3c;margin-bottom:15px}.error-state h3[data-v-a784a8f5]{color:#333;margin-bottom:10px}.error-state p[data-v-a784a8f5]{color:#666;margin-bottom:20px}.btn-retry[data-v-a784a8f5]{padding:10px 25px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.table-card[data-v-a784a8f5]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;overflow:hidden}.table-responsive[data-v-a784a8f5]{overflow-x:auto;margin:0 -20px;padding:0 20px}.customers-table[data-v-a784a8f5]{width:100%;border-collapse:collapse;white-space:nowrap}.customers-table th[data-v-a784a8f5]{text-align:left;padding:15px 10px;background:#f8fafc;color:#1a2639;font-weight:600;font-size:.9rem;border-bottom:2px solid #eef2f6}.customers-table td[data-v-a784a8f5]{padding:15px 10px;border-bottom:1px solid #eef2f6;color:#666}.checkbox-col[data-v-a784a8f5]{width:40px;text-align:center}.customers-table tbody tr[data-v-a784a8f5]:hover{background:#f8fafc}.customers-table tbody tr.row-selected[data-v-a784a8f5]{background:#e3f2fd}.customer-cell[data-v-a784a8f5]{display:flex;align-items:center;gap:12px}.customer-avatar-wrapper[data-v-a784a8f5]{position:relative}.customer-avatar[data-v-a784a8f5]{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #eef2f6;transition:transform .2s ease}.customer-avatar[data-v-a784a8f5]:hover{transform:scale(1.05)}.status-indicator[data-v-a784a8f5]{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;border:2px solid white}.status-indicator.active[data-v-a784a8f5]{background:#27ae60}.status-indicator.inactive[data-v-a784a8f5]{background:#f39c12}.status-indicator.blacklisted[data-v-a784a8f5]{background:#e74c3c}.customer-info[data-v-a784a8f5]{display:flex;flex-direction:column}.customer-name[data-v-a784a8f5]{font-weight:600;color:#333;margin-bottom:3px}.customer-number[data-v-a784a8f5]{font-size:.8rem;color:#999}.contact-info[data-v-a784a8f5]{display:flex;flex-direction:column;gap:5px}.contact-item[data-v-a784a8f5]{display:flex;align-items:center;gap:5px;font-size:.9rem}.contact-item i[data-v-a784a8f5]{width:16px;color:#3498db;font-size:.85rem}.id-info[data-v-a784a8f5]{display:flex;flex-direction:column;gap:3px}.id-number[data-v-a784a8f5]{font-size:.9rem;color:#333;font-family:monospace}.id-type[data-v-a784a8f5]{font-size:.75rem;color:#999;background:#eef2f6;padding:2px 6px;border-radius:12px;display:inline-block;width:fit-content}.income-info[data-v-a784a8f5]{display:flex;flex-direction:column;gap:3px}.occupation[data-v-a784a8f5]{font-size:.9rem;color:#333}.income[data-v-a784a8f5]{font-size:.85rem;color:#27ae60;font-weight:500}.loans-info[data-v-a784a8f5]{display:flex;flex-direction:column;gap:3px}.loans-count[data-v-a784a8f5]{font-size:.9rem;color:#333}.loans-total[data-v-a784a8f5]{font-size:.85rem;color:#f39c12;font-weight:500}.status-badge[data-v-a784a8f5]{display:inline-block;padding:4px 8px;border-radius:20px;font-size:.8rem;font-weight:500;text-align:center}.status-badge.active[data-v-a784a8f5]{background:#d4edda;color:#155724}.status-badge.inactive[data-v-a784a8f5]{background:#fff3cd;color:#856404}.status-badge.blacklisted[data-v-a784a8f5]{background:#f8d7da;color:#721c24}.date-info[data-v-a784a8f5]{display:flex;flex-direction:column;gap:3px}.date[data-v-a784a8f5]{font-size:.9rem;color:#333}.time[data-v-a784a8f5]{font-size:.75rem;color:#999}.action-buttons[data-v-a784a8f5]{display:flex;gap:5px;flex-wrap:wrap}.btn-icon[data-v-a784a8f5]{width:32px;height:32px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s}.btn-icon[data-v-a784a8f5]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.btn-icon.text-danger[data-v-a784a8f5]:hover{color:#e74c3c;border-color:#e74c3c}.bulk-actions[data-v-a784a8f5]{margin-top:20px;padding:15px;background:#e3f2fd;border-radius:8px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;animation:slideDown-a784a8f5 .3s ease}@keyframes slideDown-a784a8f5{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-info[data-v-a784a8f5]{display:flex;align-items:center;gap:8px;color:#1976d2}.bulk-info i[data-v-a784a8f5]{font-size:1.2rem}.bulk-buttons[data-v-a784a8f5]{display:flex;gap:10px;flex-wrap:wrap}.btn-bulk[data-v-a784a8f5]{padding:8px 15px;border-radius:6px;border:none;background:#fff;color:#666;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:.9rem;transition:all .3s}.btn-bulk[data-v-a784a8f5]:hover{background:#f8fafc;color:#333}.btn-bulk.text-danger[data-v-a784a8f5]:hover{background:#fee;color:#e74c3c}.pagination-section[data-v-a784a8f5]{margin-top:20px;padding-top:20px;border-top:1px solid #eef2f6;display:flex;flex-direction:column;gap:15px}.pagination-info[data-v-a784a8f5]{font-size:.9rem;color:#666;display:flex;align-items:center;gap:8px}.pagination-controls[data-v-a784a8f5]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.pagination-buttons[data-v-a784a8f5]{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pagination-btn[data-v-a784a8f5]{min-width:36px;height:36px;padding:0 10px;border:1px solid #eef2f6;background:#fff;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s;color:#666;font-size:.9rem}.pagination-btn[data-v-a784a8f5]:hover:not(:disabled){background:#f8fafc;border-color:#3498db;color:#3498db}.pagination-btn.active[data-v-a784a8f5]{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#2980b9;color:#fff}.pagination-btn[data-v-a784a8f5]:disabled{opacity:.5;cursor:not-allowed}.pagination-dots[data-v-a784a8f5]{padding:0 5px;color:#999}.page-size-selector[data-v-a784a8f5]{display:flex;align-items:center;gap:10px}.page-size-selector label[data-v-a784a8f5]{font-size:.9rem;color:#666}.per-page-select[data-v-a784a8f5]{padding:8px 12px;border:1px solid #eef2f6;border-radius:6px;background:#fff;cursor:pointer;font-size:.9rem}.page-indicator[data-v-a784a8f5]{text-align:center;font-size:.85rem;color:#999}@media(max-width:768px){.pagination-controls[data-v-a784a8f5]{flex-direction:column;align-items:stretch}.pagination-buttons[data-v-a784a8f5],.page-size-selector[data-v-a784a8f5]{justify-content:center}}.modal-overlay[data-v-a784a8f5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-a784a8f5 .3s ease}@keyframes fadeIn-a784a8f5{0%{opacity:0}to{opacity:1}}.modal-content[data-v-a784a8f5]{background:#fff;border-radius:15px;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.delete-modal .modal-header[data-v-a784a8f5]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:15px}.modal-icon[data-v-a784a8f5]{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.modal-icon.warning[data-v-a784a8f5]{background:#fee;color:#e74c3c}.modal-header h3[data-v-a784a8f5]{flex:1;margin:0;color:#333}.close-btn[data-v-a784a8f5]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:5px}.close-btn[data-v-a784a8f5]:hover{color:#666}.modal-body[data-v-a784a8f5]{padding:25px}.warning-text[data-v-a784a8f5]{font-size:1.1rem;color:#333;margin:15px 0;padding:10px;background:#f8fafc;border-radius:8px;text-align:center}.warning-note[data-v-a784a8f5]{display:flex;align-items:center;gap:8px;color:#f39c12;font-size:.9rem;margin-top:15px;padding:10px;background:#fff3cd;border-radius:8px}.selected-list[data-v-a784a8f5]{margin:15px 0;max-height:200px;overflow-y:auto;border:1px solid #eef2f6;border-radius:8px}.selected-item[data-v-a784a8f5]{display:flex;align-items:center;gap:10px;padding:10px 15px;border-bottom:1px solid #eef2f6}.selected-item[data-v-a784a8f5]:last-child{border-bottom:none}.selected-item i[data-v-a784a8f5]{color:#3498db}.more-items[data-v-a784a8f5]{padding:10px 15px;color:#999;font-style:italic}.modal-footer[data-v-a784a8f5]{padding:20px 25px;border-top:1px solid #eef2f6;display:flex;justify-content:flex-end;gap:10px}.btn-danger[data-v-a784a8f5]{padding:10px 20px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-danger[data-v-a784a8f5]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c4d}.toast-notification[data-v-a784a8f5]{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:12px;animation:slideInRight-a784a8f5 .3s ease;z-index:2100;border-left:4px solid}.toast-notification.success[data-v-a784a8f5]{border-left-color:#27ae60}.toast-notification.error[data-v-a784a8f5]{border-left-color:#e74c3c}.toast-notification.info[data-v-a784a8f5]{border-left-color:#3498db}.toast-notification i[data-v-a784a8f5]{font-size:1.2rem}.toast-notification.success i[data-v-a784a8f5]{color:#27ae60}.toast-notification.error i[data-v-a784a8f5]{color:#e74c3c}.toast-notification.info i[data-v-a784a8f5]{color:#3498db}@keyframes slideInRight-a784a8f5{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.customer-list-container[data-v-a784a8f5]{padding:15px}.page-header[data-v-a784a8f5]{flex-direction:column;align-items:flex-start}.header-actions[data-v-a784a8f5]{width:100%}.btn-primary[data-v-a784a8f5],.btn-export[data-v-a784a8f5],.btn-import[data-v-a784a8f5]{flex:1;justify-content:center}.stats-cards[data-v-a784a8f5]{grid-template-columns:1fr 1fr}.stat-card[data-v-a784a8f5]{padding:15px}.stat-value[data-v-a784a8f5]{font-size:1.5rem}.bulk-actions[data-v-a784a8f5]{flex-direction:column;align-items:flex-start}.bulk-buttons[data-v-a784a8f5]{width:100%}.btn-bulk[data-v-a784a8f5]{flex:1;justify-content:center}.pagination[data-v-a784a8f5]{flex-direction:column;align-items:flex-start}.pagination-buttons[data-v-a784a8f5]{width:100%;justify-content:center}.toast-notification[data-v-a784a8f5]{left:20px;right:20px;bottom:20px}}@media(max-width:480px){.stats-cards[data-v-a784a8f5]{grid-template-columns:1fr}.modal-content[data-v-a784a8f5]{width:95%}.modal-footer[data-v-a784a8f5]{flex-direction:column}.btn-secondary[data-v-a784a8f5],.btn-danger[data-v-a784a8f5]{width:100%;justify-content:center}}.customer-form-container[data-v-600c3b83]{max-width:1000px;margin:0 auto;padding:40px 60px;border-radius:6px;background-color:#fff;box-shadow:0 2px 10px #0000000d}.form-header[data-v-600c3b83]{text-align:center;margin-bottom:30px}.form-header h2[data-v-600c3b83]{font-size:2rem;color:#1a2639;margin:0 0 10px;font-weight:600}.header-subtitle[data-v-600c3b83]{color:#666;font-size:1rem;margin:0}.form-progress[data-v-600c3b83]{display:flex;align-items:center;justify-content:center;margin-bottom:40px;padding:0 20px}.progress-step[data-v-600c3b83]{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.step-indicator[data-v-600c3b83]{width:40px;height:40px;border-radius:50%;background:#eef2f6;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:all .3s;border:2px solid transparent}.step-number[data-v-600c3b83],.step-check[data-v-600c3b83]{font-size:1rem;font-weight:600;color:#666}.step-check[data-v-600c3b83]{color:#fff}.progress-step.active .step-indicator[data-v-600c3b83]{background:#3498db;border-color:#2980b9}.progress-step.active .step-number[data-v-600c3b83]{color:#fff}.progress-step.completed .step-indicator[data-v-600c3b83]{background:#27ae60;border-color:#229954}.progress-step.completed .step-check[data-v-600c3b83]{color:#fff}.step-label[data-v-600c3b83]{font-size:.85rem;color:#666;font-weight:500}.progress-step.active .step-label[data-v-600c3b83]{color:#3498db;font-weight:600}.progress-line[data-v-600c3b83]{width:80px;height:2px;background:#eef2f6;margin:0 10px;transition:background .3s}.progress-line.active[data-v-600c3b83]{background:#3498db}.error-summary[data-v-600c3b83]{background:#fee;border:1px solid #fcc;border-radius:10px;padding:15px 20px;margin-bottom:25px;display:flex;align-items:flex-start;gap:15px}.error-summary i[data-v-600c3b83]{color:#e74c3c;font-size:1.5rem}.error-content h4[data-v-600c3b83]{color:#e74c3c;margin:0 0 10px;font-size:1rem}.error-content ul[data-v-600c3b83]{margin:0;padding-left:20px;color:#666}.error-content li[data-v-600c3b83]{margin-bottom:5px}.form-step[data-v-600c3b83]{animation:fadeIn-600c3b83 .3s ease}@keyframes fadeIn-600c3b83{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header[data-v-600c3b83]{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eef2f6}.step-icon[data-v-600c3b83]{width:50px;height:50px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:12px;display:flex;align-items:center;justify-content:center}.step-icon i[data-v-600c3b83]{font-size:1.5rem;color:#fff}.step-info h3[data-v-600c3b83]{margin:0 0 5px;color:#333;font-size:1.2rem}.step-info p[data-v-600c3b83]{margin:0;color:#666;font-size:.9rem}.form-grid[data-v-600c3b83]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group[data-v-600c3b83]{margin-bottom:5px}.form-group.full-width[data-v-600c3b83]{grid-column:span 2}.form-group.required label[data-v-600c3b83]:after{content:"*";color:#e74c3c;margin-left:4px}.form-group label[data-v-600c3b83]{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#333;font-weight:500;font-size:.9rem}.form-group label i[data-v-600c3b83]{color:#3498db;width:18px}.form-control[data-v-600c3b83]{width:90%;padding:12px 15px;border:2px solid #ccdef0;border-radius:8px;font-size:.95rem;transition:all .3s;background:#f8fafc}.form-control[data-v-600c3b83]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.form-control.is-invalid[data-v-600c3b83]{border-color:#e74c3c;background:#fff8f8}.form-control[data-v-600c3b83]:disabled,.form-control[readonly][data-v-600c3b83]{background:#eef2f6;cursor:not-allowed}.currency-input[data-v-600c3b83]{position:relative}.currency-symbol[data-v-600c3b83]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666;font-weight:500;z-index:1}.form-control.with-currency[data-v-600c3b83]{padding-left:60px}.input-hint[data-v-600c3b83]{display:block;font-size:.75rem;color:#999;margin-top:4px}.error-text[data-v-600c3b83]{display:flex;align-items:center;gap:4px;color:#e74c3c;font-size:.8rem;margin-top:4px}.error-text i[data-v-600c3b83]{font-size:.8rem}.photo-upload-section[data-v-600c3b83]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:20px}.photo-upload-card[data-v-600c3b83]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;transition:all .3s}.photo-upload-card[data-v-600c3b83]:hover{box-shadow:0 5px 20px #0000001a}.photo-card-header[data-v-600c3b83]{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef2f6}.photo-card-header i[data-v-600c3b83]{font-size:1.5rem;color:#3498db}.photo-card-header h4[data-v-600c3b83]{margin:0;color:#333;font-size:1rem;flex:1}.required-badge[data-v-600c3b83]{background:#fee;color:#e74c3c;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:600}.optional-badge[data-v-600c3b83]{background:#eef2f6;color:#666;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:600}.photo-preview-container[data-v-600c3b83]{display:flex;justify-content:center;margin-bottom:20px}.photo-preview[data-v-600c3b83]{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;border:3px solid #3498db;box-shadow:0 5px 15px #3498db4d}.photo-preview img[data-v-600c3b83]{width:100%;height:100%;object-fit:cover}.btn-remove-photo[data-v-600c3b83]{position:absolute;top:5px;right:5px;width:30px;height:30px;border-radius:50%;background:#e74c3ce6;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-remove-photo[data-v-600c3b83]:hover{background:#e74c3c;transform:scale(1.1)}.photo-placeholder[data-v-600c3b83]{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#eef2f6,#e2e8f0);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;border:2px dashed #cbd5e0}.photo-placeholder i[data-v-600c3b83]{font-size:3rem;margin-bottom:5px;color:#cbd5e0}.photo-placeholder span[data-v-600c3b83]{font-size:.8rem}.document-preview-container[data-v-600c3b83]{margin-bottom:20px}.document-preview[data-v-600c3b83]{display:flex;align-items:center;gap:10px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #eef2f6}.document-preview i[data-v-600c3b83]{font-size:1.5rem;color:#e74c3c}.document-name[data-v-600c3b83]{flex:1;font-size:.9rem;color:#333;word-break:break-all}.btn-remove-document[data-v-600c3b83]{width:25px;height:25px;border-radius:50%;background:none;border:none;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-remove-document[data-v-600c3b83]:hover{color:#e74c3c;background:#fee}.document-placeholder[data-v-600c3b83]{padding:30px;text-align:center;background:#f8fafc;border-radius:8px;border:2px dashed #eef2f6;color:#999}.document-placeholder i[data-v-600c3b83]{font-size:2rem;margin-bottom:10px;color:#cbd5e0}.document-placeholder span[data-v-600c3b83]{display:block;font-size:.9rem}.documents-list[data-v-600c3b83]{margin-bottom:15px;max-height:150px;overflow-y:auto}.document-item[data-v-600c3b83]{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f8fafc;border-radius:5px;margin-bottom:5px}.document-item i[data-v-600c3b83]{color:#3498db;font-size:1rem}.no-documents[data-v-600c3b83]{padding:20px;text-align:center;color:#999;background:#f8fafc;border-radius:5px}.no-documents i[data-v-600c3b83]{font-size:1.5rem;color:#cbd5e0;margin-bottom:5px}.no-documents span[data-v-600c3b83]{display:block;font-size:.85rem}.photo-actions[data-v-600c3b83]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.photo-action-btn[data-v-600c3b83]{padding:10px;background:#f8fafc;border:1px solid #eef2f6;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s;color:#666}.photo-action-btn[data-v-600c3b83]:hover{background:#eef2f6;color:#333}.photo-action-btn.camera-btn[data-v-600c3b83]{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#2980b9;color:#fff}.photo-action-btn.camera-btn[data-v-600c3b83]:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}.add-doc-btn[data-v-600c3b83]{width:100%;background:linear-gradient(135deg,#27ae60,#229954);border-color:#229954;color:#fff}.add-doc-btn[data-v-600c3b83]:hover{background:#229954;transform:translateY(-2px);box-shadow:0 5px 15px #27ae604d}.photo-hint[data-v-600c3b83]{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#999;margin-top:10px}.photo-hint i[data-v-600c3b83]{color:#3498db}.modal-overlay[data-v-600c3b83]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-600c3b83 .3s ease}.camera-modal[data-v-600c3b83]{background:#fff;border-radius:15px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;animation:slideUp-600c3b83 .3s ease}@keyframes slideUp-600c3b83{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.camera-header[data-v-600c3b83]{padding:15px 20px;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;align-items:center}.camera-header h3[data-v-600c3b83]{margin:0;color:#333}.close-btn[data-v-600c3b83]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#666;padding:5px}.camera-container[data-v-600c3b83]{position:relative;padding:20px}.camera-container video[data-v-600c3b83]{width:100%;border-radius:10px;background:#000}.camera-controls[data-v-600c3b83]{position:absolute;bottom:40px;left:0;right:0;display:flex;justify-content:center;gap:20px}.btn-capture[data-v-600c3b83]{width:60px;height:60px;border-radius:50%;background:#fff;border:3px solid #3498db;color:#3498db;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 5px 20px #0000004d}.btn-capture[data-v-600c3b83]:hover{transform:scale(1.1);background:#3498db;color:#fff}.btn-switch[data-v-600c3b83]{width:45px;height:45px;border-radius:50%;background:#ffffffe6;border:none;color:#666;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 5px 20px #0000004d}.btn-switch[data-v-600c3b83]:hover{background:#fff;transform:rotate(180deg)}.camera-preview[data-v-600c3b83]{padding:20px;border-top:1px solid #eef2f6}.camera-preview h4[data-v-600c3b83]{margin:0 0 15px;color:#333}.camera-preview img[data-v-600c3b83]{width:100%;max-height:300px;object-fit:contain;border-radius:10px;margin-bottom:15px}.preview-actions[data-v-600c3b83]{display:flex;gap:10px;justify-content:flex-end}.form-navigation[data-v-600c3b83]{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #eef2f6}.btn-primary[data-v-600c3b83],.btn-secondary[data-v-600c3b83],.btn-success[data-v-600c3b83]{padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-primary[data-v-600c3b83]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 10px #3498db4d}.btn-primary[data-v-600c3b83]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3498db66}.btn-secondary[data-v-600c3b83]{background:#f8fafc;color:#666;border:1px solid #eef2f6}.btn-secondary[data-v-600c3b83]:hover{background:#eef2f6;color:#333}.btn-success[data-v-600c3b83]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;box-shadow:0 4px 10px #27ae604d}.btn-success[data-v-600c3b83]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #27ae6066}.btn-primary[data-v-600c3b83]:disabled,.btn-success[data-v-600c3b83]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-600c3b83]{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-600c3b83 .8s linear infinite}@keyframes spin-600c3b83{to{transform:rotate(360deg)}}.toast-notification[data-v-600c3b83]{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:12px;animation:slideInRight-600c3b83 .3s ease;z-index:2100;border-left:4px solid}.toast-notification.success[data-v-600c3b83]{border-left-color:#27ae60}.toast-notification.error[data-v-600c3b83]{border-left-color:#e74c3c}.toast-notification i[data-v-600c3b83]{font-size:1.2rem}.toast-notification.success i[data-v-600c3b83]{color:#27ae60}.toast-notification.error i[data-v-600c3b83]{color:#e74c3c}@keyframes slideInRight-600c3b83{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.customer-form-container[data-v-600c3b83]{padding:15px}.form-header h2[data-v-600c3b83]{font-size:1.5rem}.form-progress[data-v-600c3b83]{flex-direction:column;gap:15px}.progress-line[data-v-600c3b83]{width:2px;height:30px}.form-grid[data-v-600c3b83]{grid-template-columns:1fr}.form-group.full-width[data-v-600c3b83]{grid-column:span 1}.photo-upload-section[data-v-600c3b83],.photo-actions[data-v-600c3b83]{grid-template-columns:1fr}.form-navigation[data-v-600c3b83]{flex-direction:column;gap:10px}.btn-primary[data-v-600c3b83],.btn-secondary[data-v-600c3b83],.btn-success[data-v-600c3b83]{width:100%;justify-content:center}.toast-notification[data-v-600c3b83]{left:20px;right:20px;bottom:20px}}@media(max-width:480px){.form-header h2[data-v-600c3b83]{font-size:1.3rem}.step-header[data-v-600c3b83]{flex-direction:column;text-align:center}.step-info[data-v-600c3b83]{text-align:center}.photo-preview-container[data-v-600c3b83]{margin-bottom:15px}.photo-preview[data-v-600c3b83],.photo-placeholder[data-v-600c3b83]{width:120px;height:120px}}.offline-badge[data-v-600c3b83]{background:#f39c12;color:#fff;padding:10px 20px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;animation:slideDown-600c3b83 .3s ease}.offline-badge i[data-v-600c3b83]{font-size:1.2rem}.offline-badge span[data-v-600c3b83]{flex:1;font-size:.9rem}.btn-sync[data-v-600c3b83]{padding:5px 15px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s;font-size:.85rem}.btn-sync[data-v-600c3b83]:hover:not(:disabled){background:#ffffff4d}.btn-sync[data-v-600c3b83]:disabled{opacity:.5;cursor:not-allowed}@keyframes slideDown-600c3b83{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spinner-small[data-v-a13892bc]{display:inline-block;width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin-a13892bc .6s linear infinite}.customer-detail-container[data-v-a13892bc]{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh}.loading-state[data-v-a13892bc]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.spinner[data-v-a13892bc]{display:inline-block;width:40px;height:40px;border:3px solid #eef2f6;border-top-color:#3498db;border-radius:50%;animation:spin-a13892bc 1s linear infinite;margin-bottom:15px}@keyframes spin-a13892bc{to{transform:rotate(360deg)}}.error-state[data-v-a13892bc]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.error-state i[data-v-a13892bc]{font-size:3rem;color:#e74c3c;margin-bottom:15px}.error-state h3[data-v-a13892bc]{color:#333;margin-bottom:10px}.error-state p[data-v-a13892bc]{color:#666;margin-bottom:25px}.error-actions[data-v-a13892bc]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-retry[data-v-a13892bc]{padding:10px 25px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-secondary[data-v-a13892bc]{padding:10px 25px;background:#f8fafc;color:#666;border:1px solid #eef2f6;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-secondary[data-v-a13892bc]:hover{background:#eef2f6}.customer-detail[data-v-a13892bc]{animation:fadeIn-a13892bc .3s ease}@keyframes fadeIn-a13892bc{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-header[data-v-a13892bc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.header-left[data-v-a13892bc]{display:flex;align-items:center;gap:15px}.back-btn[data-v-a13892bc]{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#fff;border:1px solid #eef2f6;border-radius:8px;color:#666;text-decoration:none;transition:all .3s}.back-btn[data-v-a13892bc]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.header-title[data-v-a13892bc]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.header-title h1[data-v-a13892bc]{font-size:1.8rem;color:#1a2639;margin:0}.customer-number[data-v-a13892bc]{font-size:1rem;color:#999;background:#f8fafc;padding:4px 10px;border-radius:20px}.header-actions[data-v-a13892bc]{display:flex;gap:10px}.btn-message[data-v-a13892bc],.btn-call[data-v-a13892bc],.btn-more[data-v-a13892bc]{padding:10px 15px;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s;border:none}.btn-message[data-v-a13892bc]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-message[data-v-a13892bc]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}.btn-call[data-v-a13892bc]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-call[data-v-a13892bc]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #27ae604d}.btn-more[data-v-a13892bc]{background:#fff;color:#666;border:1px solid #eef2f6}.btn-more[data-v-a13892bc]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.action-text[data-v-a13892bc]{display:inline}@media(max-width:768px){.action-text[data-v-a13892bc]{display:none}.btn-message[data-v-a13892bc],.btn-call[data-v-a13892bc]{padding:10px}}.action-dropdown[data-v-a13892bc]{position:relative}.action-menu[data-v-a13892bc]{position:absolute;top:100%;right:0;width:200px;background:#fff;border-radius:8px;box-shadow:0 5px 25px #00000026;margin-top:5px;z-index:1000;overflow:hidden;animation:slideDown-a13892bc .2s ease}@keyframes slideDown-a13892bc{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-menu-item[data-v-a13892bc]{display:flex;align-items:center;gap:12px;padding:12px 15px;color:#333;text-decoration:none;transition:background .3s;width:100%;border:none;background:none;cursor:pointer;font-size:.9rem;text-align:left}.action-menu-item[data-v-a13892bc]:hover{background:#f8fafc}.action-menu-item i[data-v-a13892bc]{width:18px;color:#666}.action-menu-item.text-danger[data-v-a13892bc],.action-menu-item.text-danger i[data-v-a13892bc]{color:#e74c3c}.status-banner[data-v-a13892bc]{padding:15px 20px;border-radius:10px;margin-bottom:25px;display:flex;align-items:center;gap:10px;font-size:1rem}.status-banner.active[data-v-a13892bc]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-banner.inactive[data-v-a13892bc]{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.status-banner.blacklisted[data-v-a13892bc]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-banner i[data-v-a13892bc]{font-size:1.2rem}.detail-grid[data-v-a13892bc]{display:grid;grid-template-columns:1fr 1.5fr;gap:25px;margin-bottom:25px}@media(max-width:992px){.detail-grid[data-v-a13892bc]{grid-template-columns:1fr}}.left-column[data-v-a13892bc],.right-column[data-v-a13892bc]{display:flex;flex-direction:column;gap:25px}.profile-card[data-v-a13892bc]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.profile-header[data-v-a13892bc]{display:flex;align-items:center;gap:20px;margin-bottom:20px}.profile-avatar-wrapper[data-v-a13892bc]{position:relative;width:80px;height:80px}.profile-avatar[data-v-a13892bc]{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #3498db}.status-indicator[data-v-a13892bc]{position:absolute;bottom:5px;right:5px;width:14px;height:14px;border-radius:50%;border:2px solid white}.status-indicator.active[data-v-a13892bc]{background:#27ae60}.status-indicator.inactive[data-v-a13892bc]{background:#f39c12}.status-indicator.blacklisted[data-v-a13892bc]{background:#e74c3c}.profile-name h2[data-v-a13892bc]{margin:0 0 5px;color:#333;font-size:1.3rem}.profile-name p[data-v-a13892bc]{margin:0;color:#666;font-size:.95rem}.profile-stats[data-v-a13892bc]{display:flex;align-items:center;justify-content:space-around;padding-top:20px;border-top:1px solid #eef2f6}.stat-item[data-v-a13892bc]{text-align:center}.stat-value[data-v-a13892bc]{display:block;font-size:1.5rem;font-weight:700;color:#1a2639;line-height:1.2}.stat-label[data-v-a13892bc]{font-size:.85rem;color:#666}.stat-divider[data-v-a13892bc]{width:1px;height:30px;background:#eef2f6}.info-card[data-v-a13892bc]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.card-header[data-v-a13892bc]{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef2f6}.card-header i[data-v-a13892bc]{font-size:1.2rem;color:#3498db}.card-header h3[data-v-a13892bc]{margin:0;color:#333;font-size:1.1rem;flex:1}.btn-add[data-v-a13892bc]{padding:6px 12px;background:#e3f2fd;color:#1976d2;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none;transition:all .3s}.btn-add[data-v-a13892bc]:hover{background:#1976d2;color:#fff}.info-grid[data-v-a13892bc]{display:flex;flex-direction:column;gap:12px}.info-row[data-v-a13892bc]{display:flex;align-items:center;gap:10px;font-size:.95rem}.info-label[data-v-a13892bc]{min-width:120px;color:#666;display:flex;align-items:center;gap:5px}.info-label i[data-v-a13892bc]{width:16px;color:#3498db}.info-value[data-v-a13892bc]{color:#333;flex:1}.info-value.highlight[data-v-a13892bc]{color:#27ae60;font-weight:600}.action-icon[data-v-a13892bc]{width:28px;height:28px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.action-icon[data-v-a13892bc]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.loans-list[data-v-a13892bc]{display:flex;flex-direction:column;gap:15px}.loan-item[data-v-a13892bc]{padding:15px;background:#f8fafc;border-radius:8px;border:1px solid #eef2f6}.loan-header[data-v-a13892bc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.loan-number[data-v-a13892bc]{font-weight:600;color:#333}.loan-status[data-v-a13892bc]{padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.loan-status.active[data-v-a13892bc]{background:#d4edda;color:#155724}.loan-status.paid[data-v-a13892bc]{background:#cce5ff;color:#004085}.loan-status.defaulted[data-v-a13892bc]{background:#f8d7da;color:#721c24}.loan-details[data-v-a13892bc]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}.loan-detail[data-v-a13892bc]{display:flex;flex-direction:column;gap:2px}.detail-label[data-v-a13892bc]{font-size:.75rem;color:#999}.detail-value[data-v-a13892bc]{font-size:.9rem;color:#333;font-weight:500}.loan-actions[data-v-a13892bc]{display:flex;gap:10px;margin-top:10px}.btn-small[data-v-a13892bc]{padding:5px 10px;border-radius:5px;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none;border:1px solid #eef2f6;background:#fff;color:#666;transition:all .3s}.btn-small[data-v-a13892bc]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.btn-small.btn-success[data-v-a13892bc]:hover{color:#27ae60;border-color:#27ae60}.guarantors-list[data-v-a13892bc]{display:flex;flex-direction:column;gap:10px}.guarantor-item[data-v-a13892bc]{display:flex;align-items:center;gap:12px;padding:10px;background:#f8fafc;border-radius:8px;border:1px solid #eef2f6}.guarantor-avatar[data-v-a13892bc]{width:40px;height:40px;border-radius:50%;overflow:hidden}.guarantor-avatar img[data-v-a13892bc]{width:100%;height:100%;object-fit:cover}.guarantor-info[data-v-a13892bc]{flex:1;display:flex;flex-direction:column;gap:2px}.guarantor-name[data-v-a13892bc]{font-weight:600;color:#333;font-size:.95rem}.guarantor-relation[data-v-a13892bc]{font-size:.8rem;color:#3498db}.guarantor-phone[data-v-a13892bc]{font-size:.8rem;color:#666}.collaterals-list[data-v-a13892bc]{display:flex;flex-direction:column;gap:10px}.collateral-item[data-v-a13892bc]{display:flex;align-items:center;gap:12px;padding:10px;background:#f8fafc;border-radius:8px;border:1px solid #eef2f6}.collateral-icon[data-v-a13892bc]{width:40px;height:40px;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.collateral-info[data-v-a13892bc]{flex:1;display:flex;flex-direction:column;gap:2px}.collateral-name[data-v-a13892bc]{font-weight:600;color:#333;font-size:.95rem}.collateral-value[data-v-a13892bc]{font-size:.85rem;color:#27ae60;font-weight:500}.collateral-status[data-v-a13892bc]{font-size:.7rem;padding:2px 6px;border-radius:10px;display:inline-block;width:fit-content}.collateral-status.active[data-v-a13892bc]{background:#d4edda;color:#155724}.btn-icon-small[data-v-a13892bc]{width:30px;height:30px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-icon-small[data-v-a13892bc]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.empty-state-small[data-v-a13892bc]{text-align:center;padding:30px 20px;color:#999}.empty-state-small i[data-v-a13892bc]{font-size:2rem;color:#cbd5e0;margin-bottom:10px}.empty-state-small p[data-v-a13892bc]{margin-bottom:15px}.notes-card[data-v-a13892bc]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;margin-top:25px}.notes-content[data-v-a13892bc]{margin:0;color:#666;line-height:1.6;white-space:pre-line}.modal-overlay[data-v-a13892bc]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-a13892bc .3s ease}.modal-content[data-v-a13892bc]{background:#fff;border-radius:15px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-content.large-modal[data-v-a13892bc]{max-width:800px}.delete-modal .modal-header[data-v-a13892bc]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:15px}.modal-icon[data-v-a13892bc]{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.modal-icon.warning[data-v-a13892bc]{background:#fee;color:#e74c3c}.modal-header h3[data-v-a13892bc]{flex:1;margin:0;color:#333}.close-btn[data-v-a13892bc]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:5px}.close-btn[data-v-a13892bc]:hover{color:#666}.modal-body[data-v-a13892bc]{padding:25px}.warning-text[data-v-a13892bc]{font-size:1.1rem;color:#333;margin:15px 0;padding:10px;background:#f8fafc;border-radius:8px;text-align:center}.warning-note[data-v-a13892bc]{display:flex;align-items:center;gap:8px;color:#f39c12;font-size:.9rem;margin-top:15px;padding:10px;background:#fff3cd;border-radius:8px}.text-muted[data-v-a13892bc]{color:#999}.text-center[data-v-a13892bc]{text-align:center}.modal-footer[data-v-a13892bc]{padding:20px 25px;border-top:1px solid #eef2f6;display:flex;justify-content:flex-end;gap:10px}.btn-primary[data-v-a13892bc]{padding:10px 20px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-danger[data-v-a13892bc]{padding:10px 20px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-danger[data-v-a13892bc]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c4d}.toast-notification[data-v-a13892bc]{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:12px;animation:slideInRight-a13892bc .3s ease;z-index:2100;border-left:4px solid}.toast-notification.success[data-v-a13892bc]{border-left-color:#27ae60}.toast-notification.error[data-v-a13892bc]{border-left-color:#e74c3c}.toast-notification.info[data-v-a13892bc]{border-left-color:#3498db}.toast-notification i[data-v-a13892bc]{font-size:1.2rem}.toast-notification.success i[data-v-a13892bc]{color:#27ae60}.toast-notification.error i[data-v-a13892bc]{color:#e74c3c}.toast-notification.info i[data-v-a13892bc]{color:#3498db}@keyframes slideInRight-a13892bc{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.customer-detail-container[data-v-a13892bc]{padding:15px}.detail-header[data-v-a13892bc]{flex-direction:column;align-items:flex-start}.header-left[data-v-a13892bc]{width:100%}.header-actions[data-v-a13892bc]{width:100%;justify-content:flex-end}.profile-header[data-v-a13892bc]{flex-direction:column;text-align:center}.profile-stats[data-v-a13892bc]{flex-wrap:wrap}.loan-details[data-v-a13892bc]{grid-template-columns:1fr}.modal-content[data-v-a13892bc]{width:95%}.modal-footer[data-v-a13892bc]{flex-direction:column}.btn-primary[data-v-a13892bc],.btn-danger[data-v-a13892bc],.btn-secondary[data-v-a13892bc]{width:100%;justify-content:center}.toast-notification[data-v-a13892bc]{left:20px;right:20px;bottom:20px}}.customer-edit-container[data-v-539dfcc3]{padding:20px;max-width:1000px;margin:0 auto;min-height:100vh}.loading-state[data-v-539dfcc3]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.spinner[data-v-539dfcc3]{display:inline-block;width:40px;height:40px;border:3px solid #eef2f6;border-top-color:#3498db;border-radius:50%;animation:spin-539dfcc3 1s linear infinite;margin-bottom:15px}.spinner-small[data-v-539dfcc3]{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-539dfcc3 .8s linear infinite}@keyframes spin-539dfcc3{to{transform:rotate(360deg)}}.error-state[data-v-539dfcc3]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.error-state i[data-v-539dfcc3]{font-size:3rem;color:#e74c3c;margin-bottom:15px}.error-state h3[data-v-539dfcc3]{color:#333;margin-bottom:10px}.error-state p[data-v-539dfcc3]{color:#666;margin-bottom:25px}.error-actions[data-v-539dfcc3]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-retry[data-v-539dfcc3]{padding:10px 25px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.edit-header[data-v-539dfcc3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.header-left[data-v-539dfcc3]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.back-btn[data-v-539dfcc3]{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#fff;border:1px solid #eef2f6;border-radius:8px;color:#666;text-decoration:none;transition:all .3s}.back-btn[data-v-539dfcc3]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.header-left h1[data-v-539dfcc3]{font-size:1.5rem;color:#1a2639;margin:0}.header-actions[data-v-539dfcc3]{display:flex;gap:10px}.btn-primary[data-v-539dfcc3],.btn-secondary[data-v-539dfcc3],.btn-success[data-v-539dfcc3]{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s;border:none}.btn-primary[data-v-539dfcc3]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 10px #3498db4d}.btn-primary[data-v-539dfcc3]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3498db66}.btn-success[data-v-539dfcc3]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;box-shadow:0 4px 10px #27ae604d}.btn-success[data-v-539dfcc3]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #27ae6066}.btn-secondary[data-v-539dfcc3]{background:#fff;color:#666;border:1px solid #eef2f6}.btn-secondary[data-v-539dfcc3]:hover{background:#f8fafc;color:#333}.btn-primary[data-v-539dfcc3]:disabled,.btn-success[data-v-539dfcc3]:disabled{opacity:.6;cursor:not-allowed}.error-summary[data-v-539dfcc3]{background:#fee;border:1px solid #fcc;border-radius:10px;padding:15px 20px;margin-bottom:25px;display:flex;align-items:flex-start;gap:15px}.error-summary i[data-v-539dfcc3]{color:#e74c3c;font-size:1.5rem}.error-content h4[data-v-539dfcc3]{color:#e74c3c;margin:0 0 10px;font-size:1rem}.error-content ul[data-v-539dfcc3]{margin:0;padding-left:20px;color:#666}.form-progress[data-v-539dfcc3]{display:flex;align-items:center;justify-content:center;margin-bottom:30px;padding:0 20px}.progress-step[data-v-539dfcc3]{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.step-indicator[data-v-539dfcc3]{width:40px;height:40px;border-radius:50%;background:#eef2f6;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:all .3s;border:2px solid transparent}.step-number[data-v-539dfcc3],.step-check[data-v-539dfcc3]{font-size:1rem;font-weight:600;color:#666}.step-check[data-v-539dfcc3]{color:#fff}.progress-step.active .step-indicator[data-v-539dfcc3]{background:#3498db;border-color:#2980b9}.progress-step.active .step-number[data-v-539dfcc3]{color:#fff}.progress-step.completed .step-indicator[data-v-539dfcc3]{background:#27ae60;border-color:#229954}.progress-step.completed .step-check[data-v-539dfcc3]{color:#fff}.step-label[data-v-539dfcc3]{font-size:.85rem;color:#666;font-weight:500}.progress-step.active .step-label[data-v-539dfcc3]{color:#3498db;font-weight:600}.progress-line[data-v-539dfcc3]{width:80px;height:2px;background:#eef2f6;margin:0 10px;transition:background .3s}.progress-line.active[data-v-539dfcc3]{background:#3498db}.form-step[data-v-539dfcc3]{animation:fadeIn-539dfcc3 .3s ease}@keyframes fadeIn-539dfcc3{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header[data-v-539dfcc3]{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eef2f6}.step-icon[data-v-539dfcc3]{width:50px;height:50px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:12px;display:flex;align-items:center;justify-content:center}.step-icon i[data-v-539dfcc3]{font-size:1.5rem;color:#fff}.step-info h3[data-v-539dfcc3]{margin:0 0 5px;color:#333;font-size:1.2rem}.step-info p[data-v-539dfcc3]{margin:0;color:#666;font-size:.9rem}.form-grid[data-v-539dfcc3]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group[data-v-539dfcc3]{margin-bottom:5px}.form-group.full-width[data-v-539dfcc3]{grid-column:span 2}.form-group.required label[data-v-539dfcc3]:after{content:"*";color:#e74c3c;margin-left:4px}.form-group label[data-v-539dfcc3]{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#333;font-weight:500;font-size:.9rem}.form-group label i[data-v-539dfcc3]{color:#3498db;width:18px}.form-control[data-v-539dfcc3]{width:100%;padding:12px 15px;border:2px solid #eef2f6;border-radius:8px;font-size:.95rem;transition:all .3s;background:#f8fafc}.form-control[data-v-539dfcc3]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.form-control.is-invalid[data-v-539dfcc3]{border-color:#e74c3c;background:#fff8f8}.form-control[data-v-539dfcc3]:disabled,.form-control[readonly][data-v-539dfcc3]{background:#eef2f6;cursor:not-allowed}.currency-input[data-v-539dfcc3]{position:relative}.currency-symbol[data-v-539dfcc3]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666;font-weight:500;z-index:1}.form-control.with-currency[data-v-539dfcc3]{padding-left:60px}.input-hint[data-v-539dfcc3]{display:block;font-size:.75rem;color:#999;margin-top:4px}.error-text[data-v-539dfcc3]{display:flex;align-items:center;gap:4px;color:#e74c3c;font-size:.8rem;margin-top:4px}.photo-upload-section[data-v-539dfcc3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:20px}.photo-upload-card[data-v-539dfcc3],.status-card[data-v-539dfcc3],.notes-card[data-v-539dfcc3]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.photo-card-header[data-v-539dfcc3]{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef2f6}.photo-card-header i[data-v-539dfcc3]{font-size:1.2rem;color:#3498db}.photo-card-header h4[data-v-539dfcc3]{margin:0;color:#333;font-size:1rem;flex:1}.optional-badge[data-v-539dfcc3]{background:#eef2f6;color:#666;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:600}.photo-preview-container[data-v-539dfcc3]{display:flex;justify-content:center;margin-bottom:20px}.photo-preview[data-v-539dfcc3]{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;border:3px solid #3498db;box-shadow:0 5px 15px #3498db4d}.photo-preview img[data-v-539dfcc3]{width:100%;height:100%;object-fit:cover}.btn-remove-photo[data-v-539dfcc3]{position:absolute;top:5px;right:5px;width:30px;height:30px;border-radius:50%;background:#e74c3ce6;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-remove-photo[data-v-539dfcc3]:hover{background:#e74c3c;transform:scale(1.1)}.photo-placeholder[data-v-539dfcc3]{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#eef2f6,#e2e8f0);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;border:2px dashed #cbd5e0}.photo-placeholder i[data-v-539dfcc3]{font-size:3rem;margin-bottom:5px;color:#cbd5e0}.photo-placeholder span[data-v-539dfcc3]{font-size:.8rem}.photo-actions[data-v-539dfcc3]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.photo-action-btn[data-v-539dfcc3]{padding:10px;background:#f8fafc;border:1px solid #eef2f6;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s;color:#666}.photo-action-btn[data-v-539dfcc3]:hover{background:#eef2f6;color:#333}.photo-action-btn.camera-btn[data-v-539dfcc3]{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#2980b9;color:#fff}.photo-action-btn.camera-btn[data-v-539dfcc3]:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}.photo-hint[data-v-539dfcc3]{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#999;margin-top:10px}.status-options[data-v-539dfcc3]{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.status-option[data-v-539dfcc3]{display:flex;align-items:center;gap:10px;cursor:pointer}.status-option input[type=radio][data-v-539dfcc3]{width:18px;height:18px;cursor:pointer}.status-badge-select[data-v-539dfcc3]{padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500;display:inline-block}.status-badge-select.active[data-v-539dfcc3]{background:#d4edda;color:#155724}.status-badge-select.inactive[data-v-539dfcc3]{background:#fff3cd;color:#856404}.status-badge-select.blacklisted[data-v-539dfcc3]{background:#f8d7da;color:#721c24}.status-reason[data-v-539dfcc3]{margin-top:15px;padding-top:15px;border-top:1px solid #eef2f6}.status-reason label[data-v-539dfcc3]{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#e74c3c;font-weight:500;font-size:.9rem}.form-navigation[data-v-539dfcc3]{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #eef2f6}.modal-overlay[data-v-539dfcc3]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-539dfcc3 .3s ease}.camera-modal[data-v-539dfcc3]{background:#fff;border-radius:15px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;animation:slideUp-539dfcc3 .3s ease}@keyframes slideUp-539dfcc3{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.camera-header[data-v-539dfcc3]{padding:15px 20px;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;align-items:center}.camera-header h3[data-v-539dfcc3]{margin:0;color:#333}.close-btn[data-v-539dfcc3]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:5px}.camera-container[data-v-539dfcc3]{position:relative;padding:20px}.camera-container video[data-v-539dfcc3]{width:100%;border-radius:10px;background:#000}.camera-controls[data-v-539dfcc3]{position:absolute;bottom:40px;left:0;right:0;display:flex;justify-content:center;gap:20px}.btn-capture[data-v-539dfcc3]{width:60px;height:60px;border-radius:50%;background:#fff;border:3px solid #3498db;color:#3498db;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 5px 20px #0000004d}.btn-capture[data-v-539dfcc3]:hover{transform:scale(1.1);background:#3498db;color:#fff}.btn-switch[data-v-539dfcc3]{width:45px;height:45px;border-radius:50%;background:#ffffffe6;border:none;color:#666;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 5px 20px #0000004d}.btn-switch[data-v-539dfcc3]:hover{background:#fff;transform:rotate(180deg)}.camera-preview[data-v-539dfcc3]{padding:20px;border-top:1px solid #eef2f6}.camera-preview h4[data-v-539dfcc3]{margin:0 0 15px;color:#333}.camera-preview img[data-v-539dfcc3]{width:100%;max-height:300px;object-fit:contain;border-radius:10px;margin-bottom:15px}.preview-actions[data-v-539dfcc3]{display:flex;gap:10px;justify-content:flex-end}.discard-modal[data-v-539dfcc3]{max-width:400px}.modal-icon.warning[data-v-539dfcc3]{width:45px;height:45px;border-radius:50%;background:#fee;color:#e74c3c;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.modal-header[data-v-539dfcc3]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:15px}.modal-header h3[data-v-539dfcc3]{flex:1;margin:0;color:#333}.modal-body[data-v-539dfcc3]{padding:25px}.warning-note[data-v-539dfcc3]{display:flex;align-items:center;gap:8px;color:#f39c12;font-size:.9rem;margin-top:15px;padding:10px;background:#fff3cd;border-radius:8px}.modal-footer[data-v-539dfcc3]{padding:20px 25px;border-top:1px solid #eef2f6;display:flex;justify-content:flex-end;gap:10px}.btn-danger[data-v-539dfcc3]{padding:10px 20px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-danger[data-v-539dfcc3]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c4d}.toast-notification[data-v-539dfcc3]{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:12px;animation:slideInRight-539dfcc3 .3s ease;z-index:2100;border-left:4px solid}.toast-notification.success[data-v-539dfcc3]{border-left-color:#27ae60}.toast-notification.error[data-v-539dfcc3]{border-left-color:#e74c3c}.toast-notification i[data-v-539dfcc3]{font-size:1.2rem}.toast-notification.success i[data-v-539dfcc3]{color:#27ae60}.toast-notification.error i[data-v-539dfcc3]{color:#e74c3c}@keyframes slideInRight-539dfcc3{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.customer-edit-container[data-v-539dfcc3]{padding:15px}.edit-header[data-v-539dfcc3]{flex-direction:column;align-items:flex-start}.header-left[data-v-539dfcc3],.header-actions[data-v-539dfcc3]{width:100%}.btn-primary[data-v-539dfcc3],.btn-secondary[data-v-539dfcc3],.btn-success[data-v-539dfcc3]{flex:1;justify-content:center}.form-progress[data-v-539dfcc3]{flex-direction:column;gap:15px}.progress-line[data-v-539dfcc3]{width:2px;height:30px}.form-grid[data-v-539dfcc3]{grid-template-columns:1fr}.form-group.full-width[data-v-539dfcc3]{grid-column:span 1}.photo-upload-section[data-v-539dfcc3],.photo-actions[data-v-539dfcc3]{grid-template-columns:1fr}.form-navigation[data-v-539dfcc3]{flex-direction:column;gap:10px}.btn-primary[data-v-539dfcc3],.btn-secondary[data-v-539dfcc3],.btn-success[data-v-539dfcc3]{width:100%}.modal-footer[data-v-539dfcc3]{flex-direction:column}.btn-danger[data-v-539dfcc3],.btn-secondary[data-v-539dfcc3]{width:100%;justify-content:center}.toast-notification[data-v-539dfcc3]{left:20px;right:20px;bottom:20px}}@media(max-width:480px){.step-header[data-v-539dfcc3]{flex-direction:column;text-align:center}.step-info[data-v-539dfcc3]{text-align:center}.photo-preview-container[data-v-539dfcc3]{margin-bottom:15px}.photo-preview[data-v-539dfcc3],.photo-placeholder[data-v-539dfcc3]{width:120px;height:120px}}.users-list-container[data-v-64315c68]{padding:5px 10px;max-width:1400px;margin:0 auto}.page-header[data-v-64315c68]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.header-left h1[data-v-64315c68]{font-size:1.8rem;color:#1a2639;margin:0 0 5px;font-weight:600}.users-count[data-v-64315c68]{color:#666;margin:0;font-size:.9rem}.header-actions[data-v-64315c68]{display:flex;gap:10px;flex-wrap:wrap}.btn-primary[data-v-64315c68],.btn-export[data-v-64315c68],.btn-import[data-v-64315c68]{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .3s;border:none}.btn-primary[data-v-64315c68]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 2px 5px #3498db4d}.btn-primary[data-v-64315c68]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #3498db66}.btn-primary[data-v-64315c68]:disabled{opacity:.6;cursor:not-allowed}.btn-export[data-v-64315c68]{background:#fff;color:#27ae60;border:1px solid #27ae60}.btn-export[data-v-64315c68]:hover{background:#27ae60;color:#fff}.btn-import[data-v-64315c68]{background:#fff;color:#f39c12;border:1px solid #f39c12}.btn-import[data-v-64315c68]:hover{background:#f39c12;color:#fff}.filters-card[data-v-64315c68]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.filters-grid[data-v-64315c68]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:15px}@media(max-width:1200px){.filters-grid[data-v-64315c68]{grid-template-columns:repeat(3,1fr)}.search-group[data-v-64315c68]{grid-column:span 3}}@media(max-width:768px){.filters-grid[data-v-64315c68]{grid-template-columns:1fr}.search-group[data-v-64315c68]{grid-column:span 1}}.filter-group[data-v-64315c68]{display:flex;flex-direction:column}.filter-group label[data-v-64315c68]{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#666;margin-bottom:5px}.filter-group label i[data-v-64315c68]{color:#3498db;font-size:.9rem}.search-input-wrapper[data-v-64315c68]{position:relative;width:100%}.search-icon[data-v-64315c68]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;font-size:.9rem;z-index:1}.search-input[data-v-64315c68]{width:100%;padding:10px 35px;border:2px solid #eef2f6;border-radius:8px;font-size:.9rem;transition:all .3s;background:#f8fafc}.search-input[data-v-64315c68]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.clear-search[data-v-64315c68]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:5px}.clear-search[data-v-64315c68]:hover{color:#e74c3c}.form-control[data-v-64315c68]{width:100%;padding:10px 12px;border:2px solid #eef2f6;border-radius:8px;font-size:.9rem;transition:all .3s;background:#f8fafc}.form-control[data-v-64315c68]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.form-control.is-invalid[data-v-64315c68]{border-color:#e74c3c}.active-filters[data-v-64315c68]{margin-top:15px;padding-top:15px;border-top:1px solid #eef2f6;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.active-filters-label[data-v-64315c68]{display:flex;align-items:center;gap:5px;color:#666;font-size:.85rem}.filter-tags[data-v-64315c68]{display:flex;gap:10px;flex-wrap:wrap;flex:1}.filter-tag[data-v-64315c68]{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;background:#e3f2fd;color:#1976d2;border-radius:20px;font-size:.85rem}.remove-filter[data-v-64315c68]{cursor:pointer;padding:2px}.remove-filter[data-v-64315c68]:hover{color:#e74c3c}.clear-all-btn[data-v-64315c68]{background:none;border:none;color:#e74c3c;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:5px 10px}.clear-all-btn[data-v-64315c68]:hover{text-decoration:underline}.stats-cards[data-v-64315c68]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:25px}.stat-card[data-v-64315c68]{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;transition:all .3s}.stat-card[data-v-64315c68]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.stat-icon[data-v-64315c68]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.stat-details[data-v-64315c68]{display:flex;flex-direction:column}.stat-value[data-v-64315c68]{font-size:1.5rem;font-weight:700;color:#1a2639;line-height:1.2}.stat-label[data-v-64315c68]{font-size:.85rem;color:#666}.loading-state[data-v-64315c68]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.spinner[data-v-64315c68]{display:inline-block;width:40px;height:40px;border:3px solid #eef2f6;border-top-color:#3498db;border-radius:50%;animation:spin-64315c68 1s linear infinite;margin-bottom:15px}.spinner-small[data-v-64315c68]{display:inline-block;width:16px;height:16px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin-64315c68 1s linear infinite}@keyframes spin-64315c68{to{transform:rotate(360deg)}}.error-state[data-v-64315c68]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.error-state i[data-v-64315c68]{font-size:3rem;color:#e74c3c;margin-bottom:15px}.error-state h3[data-v-64315c68]{color:#333;margin-bottom:10px}.error-state p[data-v-64315c68]{color:#666;margin-bottom:20px}.btn-retry[data-v-64315c68]{padding:10px 25px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.table-card[data-v-64315c68]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;overflow:hidden}.table-responsive[data-v-64315c68]{overflow-x:auto;margin:-20px;padding:20px}.users-table[data-v-64315c68]{width:100%;border-collapse:collapse;white-space:nowrap}.users-table th[data-v-64315c68]{text-align:left;padding:12px 10px;background:#f8fafc;color:#1a2639;font-weight:600;font-size:.85rem;border-bottom:2px solid #eef2f6}.users-table td[data-v-64315c68]{padding:12px 10px;border-bottom:1px solid #eef2f6;color:#666;font-size:.85rem}.checkbox-col[data-v-64315c68]{width:40px;text-align:center}.users-table tbody tr[data-v-64315c68]:hover{background:#f8fafc}.users-table tbody tr.row-selected[data-v-64315c68]{background:#e3f2fd}.user-cell[data-v-64315c68]{display:flex;align-items:center;gap:12px}.user-avatar-wrapper[data-v-64315c68]{position:relative}.user-avatar[data-v-64315c68]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #eef2f6}.status-indicator[data-v-64315c68]{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid white}.status-indicator.active[data-v-64315c68]{background:#27ae60}.status-indicator.inactive[data-v-64315c68]{background:#f39c12}.status-indicator.suspended[data-v-64315c68]{background:#e74c3c}.user-info[data-v-64315c68]{display:flex;flex-direction:column}.user-name[data-v-64315c68]{font-weight:600;color:#333;margin-bottom:2px}.user-username[data-v-64315c68]{font-size:.75rem;color:#999}.contact-info[data-v-64315c68]{display:flex;flex-direction:column;gap:4px}.contact-item[data-v-64315c68]{display:flex;align-items:center;gap:5px;font-size:.85rem}.contact-item i[data-v-64315c68]{width:16px;color:#3498db;font-size:.8rem}.role-badge[data-v-64315c68]{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.role-badge.admin[data-v-64315c68]{background:#e74c3c;color:#fff}.role-badge.manager[data-v-64315c68]{background:#3498db;color:#fff}.role-badge.officer[data-v-64315c68]{background:#27ae60;color:#fff}.role-badge.cashier[data-v-64315c68]{background:#f39c12;color:#fff}.role-badge.viewer[data-v-64315c68]{background:#95a5a6;color:#fff}.status-badge[data-v-64315c68]{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.status-badge.active[data-v-64315c68]{background:#d4edda;color:#155724}.status-badge.inactive[data-v-64315c68]{background:#fff3cd;color:#856404}.status-badge.suspended[data-v-64315c68]{background:#f8d7da;color:#721c24}.date-info[data-v-64315c68],.login-info[data-v-64315c68]{display:flex;flex-direction:column;gap:2px}.date[data-v-64315c68],.login-date[data-v-64315c68]{font-size:.85rem;color:#333}.time[data-v-64315c68],.login-time[data-v-64315c68]{font-size:.7rem;color:#999}.text-muted[data-v-64315c68]{color:#999;font-size:.8rem}.action-dropdown[data-v-64315c68]{position:relative;display:inline-block}.action-menu-btn[data-v-64315c68]{width:32px;height:32px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.action-menu-btn[data-v-64315c68]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.action-menu[data-v-64315c68]{position:absolute;top:100%;right:0;width:200px;background:#fff;border-radius:8px;box-shadow:0 5px 20px #00000026;margin-top:5px;z-index:1000;overflow:hidden}.action-menu-item[data-v-64315c68]{display:flex;align-items:center;gap:12px;padding:10px 15px;color:#333;text-decoration:none;transition:background .3s;width:100%;border:none;background:none;cursor:pointer;font-size:.85rem;text-align:left}.action-menu-item[data-v-64315c68]:hover{background:#f8fafc}.action-menu-item i[data-v-64315c68]{width:18px;color:#666}.action-menu-item.text-danger[data-v-64315c68],.action-menu-item.text-danger i[data-v-64315c68]{color:#e74c3c}.bulk-actions[data-v-64315c68]{margin-top:20px;padding:15px;background:#e3f2fd;border-radius:8px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.bulk-info[data-v-64315c68]{display:flex;align-items:center;gap:8px;color:#1976d2}.bulk-info i[data-v-64315c68]{font-size:1.1rem}.bulk-buttons[data-v-64315c68]{display:flex;gap:10px;flex-wrap:wrap}.btn-bulk[data-v-64315c68]{padding:8px 15px;border-radius:6px;border:none;background:#fff;color:#666;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:.85rem;transition:all .3s}.btn-bulk[data-v-64315c68]:hover{background:#f8fafc;transform:translateY(-1px)}.btn-bulk.text-danger[data-v-64315c68]:hover{background:#fee;color:#e74c3c}.pagination-section[data-v-64315c68]{margin-top:20px;padding-top:20px;border-top:1px solid #eef2f6;display:flex;flex-direction:column;gap:15px}.pagination-info[data-v-64315c68]{font-size:.85rem;color:#666;display:flex;align-items:center;gap:8px}.pagination-controls[data-v-64315c68]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.pagination-buttons[data-v-64315c68]{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pagination-btn[data-v-64315c68]{min-width:36px;height:36px;padding:0 10px;border:1px solid #eef2f6;background:#fff;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s;color:#666;font-size:.85rem}.pagination-btn[data-v-64315c68]:hover:not(:disabled){background:#f8fafc;border-color:#3498db;color:#3498db}.pagination-btn.active[data-v-64315c68]{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#2980b9;color:#fff}.pagination-btn[data-v-64315c68]:disabled{opacity:.5;cursor:not-allowed}.page-size-selector[data-v-64315c68]{display:flex;align-items:center;gap:10px}.page-size-selector label[data-v-64315c68]{font-size:.85rem;color:#666}.per-page-select[data-v-64315c68]{padding:8px 12px;border:1px solid #eef2f6;border-radius:6px;background:#fff;cursor:pointer;font-size:.85rem}.page-indicator[data-v-64315c68]{text-align:center;font-size:.8rem;color:#999}.modal-overlay[data-v-64315c68]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-64315c68 .3s ease}@keyframes fadeIn-64315c68{0%{opacity:0}to{opacity:1}}.modal-content[data-v-64315c68]{background:#fff;border-radius:12px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp-64315c68 .3s ease}@keyframes slideUp-64315c68{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.register-modal[data-v-64315c68]{max-width:650px}.delete-modal[data-v-64315c68],.reset-password-modal[data-v-64315c68]{max-width:450px}.modal-header[data-v-64315c68]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:10}.modal-header-left[data-v-64315c68]{display:flex;align-items:center;gap:10px}.modal-header-left i[data-v-64315c68]{font-size:1.3rem;color:#3498db}.modal-header h3[data-v-64315c68]{margin:0;color:#333;font-size:1.2rem}.modal-header-actions[data-v-64315c68]{display:flex;gap:10px}.close-btn[data-v-64315c68]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:5px;transition:color .3s}.close-btn[data-v-64315c68]:hover{color:#e74c3c}.modal-icon[data-v-64315c68]{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.modal-icon.warning[data-v-64315c68]{background:#fee;color:#e74c3c}.modal-icon.info[data-v-64315c68]{background:#e3f2fd;color:#3498db}.modal-body[data-v-64315c68]{padding:25px}.modal-footer[data-v-64315c68]{padding:20px 25px;border-top:1px solid #eef2f6;display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:#fff}.register-form .form-row[data-v-64315c68]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}@media(max-width:768px){.register-form .form-row[data-v-64315c68]{grid-template-columns:1fr}}.form-group[data-v-64315c68]{margin-bottom:15px}.form-group label[data-v-64315c68]{display:block;margin-bottom:5px;color:#333;font-size:.85rem;font-weight:500}.form-group .required[data-v-64315c68]{color:#e74c3c}.input-group[data-v-64315c68]{position:relative;display:flex;align-items:center}.input-group i[data-v-64315c68]:first-child{position:absolute;left:12px;color:#999;font-size:.9rem}.input-group .form-control[data-v-64315c68]{padding-left:35px}.password-toggle[data-v-64315c68]{position:absolute;right:10px;background:none;border:none;color:#999;cursor:pointer;padding:5px}.password-toggle[data-v-64315c68]:hover{color:#3498db}.form-text[data-v-64315c68]{display:block;margin-top:5px;font-size:.7rem;color:#999}.error-text[data-v-64315c68]{display:block;margin-top:5px;font-size:.75rem;color:#e74c3c}.file-upload-wrapper[data-v-64315c68]{margin-top:5px}.file-upload-preview[data-v-64315c68]{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;border:2px solid #eef2f6}.file-upload-preview img[data-v-64315c68]{width:100%;height:100%;object-fit:cover}.remove-photo[data-v-64315c68]{position:absolute;top:5px;right:5px;width:25px;height:25px;border-radius:50%;background:#00000080;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-photo[data-v-64315c68]:hover{background:#e74c3ccc}.file-upload-placeholder[data-v-64315c68]{width:100px;height:100px;border-radius:50%;border:2px dashed #eef2f6;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;background:#f8fafc}.file-upload-placeholder[data-v-64315c68]:hover{border-color:#3498db;background:#e3f2fd}.file-upload-placeholder i[data-v-64315c68]{font-size:2rem;color:#3498db;margin-bottom:5px}.file-upload-placeholder p[data-v-64315c68]{font-size:.7rem;color:#666;margin:5px 0}.file-upload-placeholder small[data-v-64315c68]{font-size:.6rem;color:#999}.warning-text[data-v-64315c68]{font-size:1rem;color:#333;margin:15px 0;padding:10px;background:#f8fafc;border-radius:8px;text-align:center}.warning-note[data-v-64315c68]{display:flex;align-items:center;gap:8px;color:#f39c12;font-size:.85rem;margin-top:15px;padding:10px;background:#fff3cd;border-radius:8px}.selected-list[data-v-64315c68]{margin:15px 0;max-height:200px;overflow-y:auto;border:1px solid #eef2f6;border-radius:8px}.selected-item[data-v-64315c68]{display:flex;align-items:center;gap:10px;padding:10px 15px;border-bottom:1px solid #eef2f6}.selected-item[data-v-64315c68]:last-child{border-bottom:none}.selected-item i[data-v-64315c68]{color:#3498db}.more-items[data-v-64315c68]{padding:10px 15px;color:#999;font-style:italic;font-size:.85rem}.btn-secondary[data-v-64315c68]{padding:10px 20px;background:#f8fafc;color:#666;border:1px solid #eef2f6;border-radius:8px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-secondary[data-v-64315c68]:hover{background:#eef2f6}.btn-danger[data-v-64315c68]{padding:10px 20px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-danger[data-v-64315c68]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c4d}.btn-danger[data-v-64315c68]:disabled{opacity:.6;cursor:not-allowed}.toast-notification[data-v-64315c68]{position:fixed;bottom:30px;right:30px;padding:12px 20px;background:#fff;border-radius:8px;box-shadow:0 5px 20px #00000026;display:flex;align-items:center;gap:10px;animation:slideInRight-64315c68 .3s ease;z-index:2100;border-left:4px solid;font-size:.85rem}.toast-notification.success[data-v-64315c68]{border-left-color:#27ae60}.toast-notification.error[data-v-64315c68]{border-left-color:#e74c3c}.toast-notification.info[data-v-64315c68]{border-left-color:#3498db}.toast-notification i[data-v-64315c68]{font-size:1rem}.toast-notification.success i[data-v-64315c68]{color:#27ae60}.toast-notification.error i[data-v-64315c68]{color:#e74c3c}.toast-notification.info i[data-v-64315c68]{color:#3498db}@keyframes slideInRight-64315c68{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.empty-state-small[data-v-64315c68]{text-align:center;padding:40px;color:#999}.empty-state-small i[data-v-64315c68]{font-size:3rem;margin-bottom:10px;color:#ddd}.text-center[data-v-64315c68]{text-align:center}@media(max-width:768px){.users-list-container[data-v-64315c68]{padding:10px}.page-header[data-v-64315c68]{flex-direction:column;align-items:flex-start}.header-actions[data-v-64315c68]{width:100%}.btn-primary[data-v-64315c68],.btn-export[data-v-64315c68],.btn-import[data-v-64315c68]{flex:1;justify-content:center}.stats-cards[data-v-64315c68]{grid-template-columns:1fr}.bulk-actions[data-v-64315c68]{flex-direction:column;align-items:flex-start}.bulk-buttons[data-v-64315c68]{width:100%}.btn-bulk[data-v-64315c68]{flex:1;justify-content:center}.pagination-controls[data-v-64315c68]{flex-direction:column}.pagination-buttons[data-v-64315c68]{justify-content:center}.toast-notification[data-v-64315c68]{left:20px;right:20px;bottom:20px}.modal-content[data-v-64315c68]{width:95%}.modal-footer[data-v-64315c68]{flex-direction:column}.btn-secondary[data-v-64315c68],.btn-danger[data-v-64315c68],.btn-primary[data-v-64315c68]{width:100%;justify-content:center}}.action-dropdown[data-v-7dacac2f]{position:relative;display:inline-block}.expand-btn[data-v-7dacac2f]{width:32px;height:32px;border-radius:50%;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.expand-btn[data-v-7dacac2f]:hover{background:#3498db;color:#fff;border-color:#3498db;transform:scale(1.1)}.expand-btn.expanded[data-v-7dacac2f]{background:#3498db;color:#fff;border-color:#3498db}.expanded-details-row[data-v-7dacac2f]{background:#f8fafc;border-top:2px solid #3498db;border-bottom:2px solid #eef2f6}.expanded-details-row[data-v-7dacac2f]:hover{background:#f8fafc}.expanded-details[data-v-7dacac2f]{padding:20px}.details-grid[data-v-7dacac2f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.detail-item[data-v-7dacac2f]{padding:12px;background:#fff;border-radius:8px;border:1px solid #eef2f6;transition:all .3s}.detail-item[data-v-7dacac2f]:hover{box-shadow:0 2px 8px #0000000d}.detail-item.full-width[data-v-7dacac2f]{grid-column:1 / -1}.detail-label[data-v-7dacac2f]{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#666;margin-bottom:5px}.detail-label i[data-v-7dacac2f]{color:#3498db;font-size:.9rem}.detail-value[data-v-7dacac2f]{font-size:1rem;font-weight:500;color:#333;padding-left:22px}.overdue-badge-detail[data-v-7dacac2f]{display:inline-flex;align-items:center;gap:4px;margin-left:10px;font-size:.75rem;color:#e74c3c}.progress-bar[data-v-7dacac2f]{width:100%;height:20px;background:#eef2f6;border-radius:10px;position:relative;overflow:hidden}.progress-fill[data-v-7dacac2f]{height:100%;background:linear-gradient(135deg,#27ae60,#229954);border-radius:10px;transition:width .3s ease}.progress-text[data-v-7dacac2f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#333;font-size:.7rem;font-weight:600;text-shadow:0 0 2px rgba(255,255,255,.5)}.payment-history-preview[data-v-7dacac2f]{margin-top:20px;padding:15px;background:#fff;border-radius:8px;border:1px solid #eef2f6}.preview-header[data-v-7dacac2f]{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:#666;font-size:.95rem;font-weight:500}.preview-header i[data-v-7dacac2f]{color:#3498db}.preview-list[data-v-7dacac2f]{display:flex;flex-direction:column;gap:10px}.preview-item[data-v-7dacac2f]{display:flex;align-items:center;gap:15px;padding:10px;background:#f8fafc;border-radius:6px;font-size:.9rem}.payment-date[data-v-7dacac2f]{flex:1;color:#666}.payment-amount[data-v-7dacac2f]{font-weight:600;color:#27ae60}.payment-status[data-v-7dacac2f]{padding:2px 10px;border-radius:20px;font-size:.75rem;text-transform:capitalize}.payment-status.completed[data-v-7dacac2f]{background:#d4edda;color:#155724}.payment-status.pending[data-v-7dacac2f]{background:#fff3cd;color:#856404}.view-all-link[data-v-7dacac2f]{text-align:center;margin-top:10px}.btn-link[data-v-7dacac2f]{background:none;border:none;color:#3498db;cursor:pointer;font-size:.85rem}.btn-link[data-v-7dacac2f]:hover{text-decoration:underline}.no-payments[data-v-7dacac2f]{display:flex;align-items:center;gap:8px;padding:15px;background:#f8fafc;border-radius:8px;color:#666;font-size:.9rem}.no-payments i[data-v-7dacac2f]{color:#3498db}.action-menu-btn[data-v-7dacac2f]{width:32px;height:32px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.action-menu-btn[data-v-7dacac2f]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.action-menu[data-v-7dacac2f]{position:absolute;top:100%;right:0;width:200px;background:#fff;border-radius:8px;box-shadow:0 5px 25px #00000026;margin-top:5px;z-index:1000;overflow:hidden;animation:slideDown-7dacac2f .2s ease}.action-menu-item[data-v-7dacac2f]{display:flex;align-items:center;gap:12px;padding:12px 15px;color:#333;text-decoration:none;transition:background .3s;width:100%;border:none;background:none;cursor:pointer;font-size:.9rem;text-align:left}.action-menu-item[data-v-7dacac2f]:hover{background:#f8fafc}.action-menu-item i[data-v-7dacac2f]{width:18px;color:#666}.action-menu-item.success[data-v-7dacac2f]:hover,.action-menu-item.success:hover i[data-v-7dacac2f]{color:#27ae60}.action-menu-item.warning[data-v-7dacac2f]:hover,.action-menu-item.warning:hover i[data-v-7dacac2f]{color:#f39c12}.action-menu-item.info[data-v-7dacac2f]:hover,.action-menu-item.info:hover i[data-v-7dacac2f]{color:#3498db}.action-menu-item.danger[data-v-7dacac2f]:hover,.action-menu-item.danger:hover i[data-v-7dacac2f]{color:#e74c3c}.action-menu-divider[data-v-7dacac2f]{height:1px;background:#eef2f6;margin:5px 0}.loan-list-container[data-v-7dacac2f]{padding:0 10px;max-width:1400px;margin:0 auto}.page-header[data-v-7dacac2f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:15px}.header-left h1[data-v-7dacac2f]{font-size:2rem;color:#1a2639;margin:0 0 5px;font-weight:600}.loan-count[data-v-7dacac2f]{color:#666;margin:0;font-size:.95rem}.header-actions[data-v-7dacac2f]{display:flex;gap:10px;flex-wrap:wrap}.btn-primary[data-v-7dacac2f],.btn-export[data-v-7dacac2f],.btn-filter-toggle[data-v-7dacac2f]{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .3s;border:none;position:relative}.btn-primary[data-v-7dacac2f]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 10px #3498db4d}.btn-primary[data-v-7dacac2f]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3498db66}.btn-export[data-v-7dacac2f]{background:#fff;color:#27ae60;border:1px solid #27ae60}.btn-export[data-v-7dacac2f]:hover{background:#27ae60;color:#fff}.btn-filter-toggle[data-v-7dacac2f]{background:#fff;color:#666;border:1px solid #eef2f6}.btn-filter-toggle[data-v-7dacac2f]:hover,.btn-filter-toggle.active[data-v-7dacac2f]{background:#f8fafc;color:#3498db;border-color:#3498db}.filter-badge[data-v-7dacac2f]{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.filters-panel[data-v-7dacac2f]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;animation:slideDown-7dacac2f .3s ease}@keyframes slideDown-7dacac2f{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-grid[data-v-7dacac2f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.filter-group[data-v-7dacac2f]{display:flex;flex-direction:column}.filter-group label[data-v-7dacac2f]{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#666;margin-bottom:5px}.filter-group label i[data-v-7dacac2f]{color:#3498db;font-size:.9rem}.form-control[data-v-7dacac2f]{width:100%;padding:10px 12px;border:2px solid #eef2f6;border-radius:8px;font-size:.95rem;transition:all .3s;background:#f8fafc}.form-control[data-v-7dacac2f]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.active-filters[data-v-7dacac2f]{padding-top:15px;border-top:1px solid #eef2f6;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.active-filters-label[data-v-7dacac2f]{display:flex;align-items:center;gap:5px;color:#666;font-size:.9rem}.filter-tags[data-v-7dacac2f]{display:flex;gap:10px;flex-wrap:wrap;flex:1}.filter-tag[data-v-7dacac2f]{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;background:#e3f2fd;color:#1976d2;border-radius:20px;font-size:.85rem}.remove-filter[data-v-7dacac2f]{cursor:pointer;padding:2px}.remove-filter[data-v-7dacac2f]:hover{color:#e74c3c}.clear-all-btn[data-v-7dacac2f]{background:none;border:none;color:#e74c3c;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:5px 10px}.clear-all-btn[data-v-7dacac2f]:hover{text-decoration:underline}.stats-cards[data-v-7dacac2f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.stat-card[data-v-7dacac2f]{background:#fff;border-radius:10px;padding:10px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 5px #0000000d;border:1px solid #eef2f6;cursor:pointer;transition:all .3s}.stat-card[data-v-7dacac2f]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.stat-card.active-filter[data-v-7dacac2f]{border-color:#3498db;background:#e3f2fd}.stat-icon[data-v-7dacac2f]{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.stat-details[data-v-7dacac2f]{display:flex;flex-direction:column}.stat-value[data-v-7dacac2f]{font-size:1.3rem;font-weight:700;color:#1a2639;line-height:1.2}.stat-label[data-v-7dacac2f]{font-size:.8rem;color:#666}.summary-cards[data-v-7dacac2f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.summary-card[data-v-7dacac2f]{background:#fff;border-radius:10px;padding:11px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 5px #0000000d;border:1px solid #eef2f6}.summary-card.total[data-v-7dacac2f]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.summary-card.outstanding[data-v-7dacac2f]{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.summary-card.collected[data-v-7dacac2f]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.summary-card.interest[data-v-7dacac2f]{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.summary-icon[data-v-7dacac2f]{width:50px;height:50px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.summary-content[data-v-7dacac2f]{display:flex;flex-direction:column}.summary-label[data-v-7dacac2f]{font-size:.9rem;opacity:.9;margin-bottom:5px}.summary-value[data-v-7dacac2f]{font-size:1.3rem;font-weight:700}.loading-state[data-v-7dacac2f]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.spinner[data-v-7dacac2f]{display:inline-block;width:40px;height:40px;border:3px solid #eef2f6;border-top-color:#3498db;border-radius:50%;animation:spin-7dacac2f 1s linear infinite;margin-bottom:15px}@keyframes spin-7dacac2f{to{transform:rotate(360deg)}}.error-state[data-v-7dacac2f]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.error-state i[data-v-7dacac2f]{font-size:3rem;color:#e74c3c;margin-bottom:15px}.error-state h3[data-v-7dacac2f]{color:#333;margin-bottom:10px}.error-state p[data-v-7dacac2f]{color:#666;margin-bottom:20px}.btn-retry[data-v-7dacac2f]{padding:10px 25px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.empty-state[data-v-7dacac2f]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.empty-illustration[data-v-7dacac2f]{position:relative;display:inline-block;margin-bottom:20px}.empty-illustration i[data-v-7dacac2f]:first-child{font-size:4rem;color:#cbd5e0}.empty-illustration i[data-v-7dacac2f]:last-child{position:absolute;bottom:0;right:-10px;font-size:2rem;color:#e74c3c;background:#fff;border-radius:50%;padding:5px}.empty-state h3[data-v-7dacac2f]{color:#333;margin-bottom:10px}.empty-state p[data-v-7dacac2f]{color:#666;margin-bottom:25px;max-width:400px;margin-left:auto;margin-right:auto}.empty-actions[data-v-7dacac2f]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-secondary[data-v-7dacac2f]{padding:10px 25px;background:#f8fafc;color:#666;border:1px solid #eef2f6;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-secondary[data-v-7dacac2f]:hover{background:#eef2f6}.table-card[data-v-7dacac2f]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;overflow:hidden}.table-responsive[data-v-7dacac2f]{overflow-x:auto;margin:0 -20px;padding:0 20px}.loans-table[data-v-7dacac2f]{width:100%;border-collapse:collapse;white-space:nowrap}.loans-table th[data-v-7dacac2f]{text-align:left;padding:15px 10px;background:#f8fafc;color:#1a2639;font-weight:600;font-size:.9rem;border-bottom:2px solid #eef2f6}.loans-table td[data-v-7dacac2f]{padding:15px 10px;border-bottom:1px solid #eef2f6;color:#666}.loans-table tbody tr[data-v-7dacac2f]:hover{background:#f8fafc}.loan-number[data-v-7dacac2f]{font-weight:600;color:#333;font-family:monospace}.customer-cell[data-v-7dacac2f]{display:flex;align-items:center;gap:10px}.customer-avatar[data-v-7dacac2f]{width:35px;height:35px;border-radius:50%;object-fit:cover}.customer-info[data-v-7dacac2f]{display:flex;flex-direction:column}.customer-name[data-v-7dacac2f]{font-weight:500;color:#333;font-size:.9rem}.customer-phone[data-v-7dacac2f]{font-size:.8rem;color:#999}.amount[data-v-7dacac2f]{font-weight:600;color:#333}.interest-rate[data-v-7dacac2f]{font-weight:500;color:#f39c12}.balance[data-v-7dacac2f]{font-weight:600}.balance.text-success[data-v-7dacac2f]{color:#27ae60}.balance.text-danger[data-v-7dacac2f]{color:#e74c3c}.end-date-cell[data-v-7dacac2f]{display:flex;flex-direction:column;gap:5px}.overdue-badge[data-v-7dacac2f]{font-size:.7rem;color:#e74c3c;display:flex;align-items:center;gap:3px}.status-badge[data-v-7dacac2f]{display:inline-block;padding:4px 8px;border-radius:20px;font-size:.8rem;font-weight:500;text-align:center;min-width:90px}.status-badge.approved[data-v-7dacac2f]{background:#cce5ff;color:#004085}.status-badge.active[data-v-7dacac2f]{background:#d4edda;color:#155724}.status-badge.paid[data-v-7dacac2f]{background:#d1d8e0;color:#2c3e50}.status-badge.defaulted[data-v-7dacac2f]{background:#f8d7da;color:#721c24}.status-badge.rejected[data-v-7dacac2f]{background:#e2e3e5;color:#383d41}.action-buttons[data-v-7dacac2f]{display:flex;gap:5px;flex-wrap:wrap}.btn-icon[data-v-7dacac2f]{width:32px;height:32px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s}.btn-icon[data-v-7dacac2f]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.btn-icon.success[data-v-7dacac2f]:hover{color:#27ae60;border-color:#27ae60}.btn-icon.warning[data-v-7dacac2f]:hover{color:#f39c12;border-color:#f39c12}.btn-icon.info[data-v-7dacac2f]:hover{color:#3498db;border-color:#3498db}.btn-icon.danger[data-v-7dacac2f]:hover{color:#e74c3c;border-color:#e74c3c}.pagination[data-v-7dacac2f]{margin-top:25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.pagination-info[data-v-7dacac2f]{color:#666;font-size:.9rem}.pagination-buttons[data-v-7dacac2f]{display:flex;gap:5px;flex-wrap:wrap}.pagination-btn[data-v-7dacac2f]{min-width:35px;height:35px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s}.pagination-btn[data-v-7dacac2f]:hover:not(:disabled){background:#f8fafc;color:#3498db;border-color:#3498db}.pagination-btn.active[data-v-7dacac2f]{background:#3498db;color:#fff;border-color:#3498db}.pagination-btn[data-v-7dacac2f]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-7dacac2f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-7dacac2f .3s ease}@keyframes fadeIn-7dacac2f{0%{opacity:0}to{opacity:1}}.modal-content[data-v-7dacac2f]{background:#fff;border-radius:15px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp-7dacac2f .3s ease}@keyframes slideUp-7dacac2f{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-7dacac2f]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:15px}.modal-icon[data-v-7dacac2f]{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.modal-icon.success[data-v-7dacac2f]{background:#d4edda;color:#27ae60}.modal-icon.danger[data-v-7dacac2f]{background:#f8d7da;color:#e74c3c}.modal-icon.warning[data-v-7dacac2f]{background:#fff3cd;color:#f39c12}.modal-header h3[data-v-7dacac2f]{flex:1;margin:0;color:#333}.close-btn[data-v-7dacac2f]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:5px}.close-btn[data-v-7dacac2f]:hover{color:#666}.modal-body[data-v-7dacac2f]{padding:25px}.loan-details-summary[data-v-7dacac2f]{background:#f8fafc;border-radius:8px;padding:15px;margin:15px 0}.loan-details-summary p[data-v-7dacac2f]{margin:5px 0;color:#333}.modal-footer[data-v-7dacac2f]{padding:20px 25px;border-top:1px solid #eef2f6;display:flex;justify-content:flex-end;gap:10px}.btn-success[data-v-7dacac2f],.btn-danger[data-v-7dacac2f]{padding:10px 20px;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:none;transition:all .3s}.btn-success[data-v-7dacac2f]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-success[data-v-7dacac2f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #27ae604d}.btn-danger[data-v-7dacac2f]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-danger[data-v-7dacac2f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c4d}.btn-success[data-v-7dacac2f]:disabled,.btn-danger[data-v-7dacac2f]:disabled{opacity:.6;cursor:not-allowed}.toast-notification[data-v-7dacac2f]{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:12px;animation:slideInRight-7dacac2f .3s ease;z-index:2100;border-left:4px solid}.toast-notification.success[data-v-7dacac2f]{border-left-color:#27ae60}.toast-notification.error[data-v-7dacac2f]{border-left-color:#e74c3c}.toast-notification.info[data-v-7dacac2f]{border-left-color:#3498db}.toast-notification i[data-v-7dacac2f]{font-size:1.2rem}.toast-notification.success i[data-v-7dacac2f]{color:#27ae60}.toast-notification.error i[data-v-7dacac2f]{color:#e74c3c}.toast-notification.info i[data-v-7dacac2f]{color:#3498db}@keyframes slideInRight-7dacac2f{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.loan-list-container[data-v-7dacac2f]{padding:15px}.page-header[data-v-7dacac2f]{flex-direction:column;align-items:flex-start}.header-actions[data-v-7dacac2f]{width:100%}.btn-primary[data-v-7dacac2f],.btn-export[data-v-7dacac2f],.btn-filter-toggle[data-v-7dacac2f]{flex:1;justify-content:center}.stats-cards[data-v-7dacac2f]{grid-template-columns:repeat(3,1fr)}.summary-cards[data-v-7dacac2f]{grid-template-columns:1fr 1fr}.pagination[data-v-7dacac2f]{flex-direction:column;align-items:flex-start}.pagination-buttons[data-v-7dacac2f]{width:100%;justify-content:center}.modal-footer[data-v-7dacac2f]{flex-direction:column}.btn-success[data-v-7dacac2f],.btn-danger[data-v-7dacac2f],.btn-secondary[data-v-7dacac2f]{width:100%;justify-content:center}.toast-notification[data-v-7dacac2f]{left:20px;right:20px;bottom:20px}}@media(max-width:480px){.stats-cards[data-v-7dacac2f]{grid-template-columns:repeat(2,1fr)}.summary-cards[data-v-7dacac2f]{grid-template-columns:1fr}.action-buttons[data-v-7dacac2f]{flex-direction:column}.btn-icon[data-v-7dacac2f]{width:100%}}.modal-content.large-modal[data-v-7dacac2f]{max-width:800px;width:90%}.modal-header-left[data-v-7dacac2f]{display:flex;align-items:center;gap:12px}.modal-header-left i[data-v-7dacac2f]{font-size:1.5rem;color:#3498db}.schedule-table[data-v-7dacac2f]{width:100%;border-collapse:collapse}.schedule-table th[data-v-7dacac2f]{text-align:left;padding:12px 10px;background:#f8fafc;color:#1a2639;font-weight:600;font-size:.9rem;border-bottom:2px solid #eef2f6}.schedule-table td[data-v-7dacac2f]{padding:10px;border-bottom:1px solid #eef2f6;color:#666}.status-badge.small[data-v-7dacac2f]{padding:2px 8px;font-size:.75rem}.status-badge.paid[data-v-7dacac2f]{background:#d4edda;color:#155724}.status-badge.pending[data-v-7dacac2f]{background:#fff3cd;color:#856404}.status-badge.overdue[data-v-7dacac2f]{background:#f8d7da;color:#721c24}.divider-text[data-v-3119147c]{text-align:center;margin:20px 0;position:relative}.divider-text[data-v-3119147c]:before,.divider-text[data-v-3119147c]:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#eef2f6}.divider-text[data-v-3119147c]:before{left:0}.divider-text[data-v-3119147c]:after{right:0}.divider-text span[data-v-3119147c]{background:#fff;padding:0 15px;color:#999;font-size:.9rem}.payment-preview[data-v-3119147c]{margin-top:20px}.btn-toggle-schedule[data-v-3119147c]{width:100%;padding:10px;background:#f8fafc;border:1px solid #eef2f6;border-radius:8px;font-size:.9rem;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.btn-toggle-schedule[data-v-3119147c]:hover{background:#eef2f6;color:#333}.payment-schedule-table[data-v-3119147c]{margin-top:15px;max-height:400px;overflow-y:auto}.table-responsive[data-v-3119147c]{overflow-x:auto}.payment-table[data-v-3119147c]{width:100%;border-collapse:collapse;font-size:.85rem}.payment-table th[data-v-3119147c],.payment-table td[data-v-3119147c]{padding:10px;text-align:right;border-bottom:1px solid #eef2f6}.payment-table th[data-v-3119147c]:first-child,.payment-table td[data-v-3119147c]:first-child{text-align:center}.payment-table th[data-v-3119147c]{background:#f8fafc;font-weight:600;color:#666}.more-payments td[data-v-3119147c]{text-align:center;color:#999;font-style:italic;background:#f8fafc}.text-center[data-v-3119147c]{text-align:center}.toast-enter-active[data-v-3119147c],.toast-leave-active[data-v-3119147c]{transition:all .3s ease}.toast-enter-from[data-v-3119147c],.toast-leave-to[data-v-3119147c]{transform:translate(100%);opacity:0}.form-group[data-v-3119147c]{margin-bottom:20px}@media(max-width:768px){.payment-table[data-v-3119147c]{font-size:.75rem}.payment-table th[data-v-3119147c],.payment-table td[data-v-3119147c]{padding:8px 5px}}.loan-form-container[data-v-3119147c]{padding:20px;max-width:1000px;margin:0 auto}.form-header[data-v-3119147c]{text-align:center;margin-bottom:30px}.form-header h2[data-v-3119147c]{font-size:2rem;color:#1a2639;margin:0 0 10px;font-weight:600}.header-subtitle[data-v-3119147c]{color:#666;font-size:1rem;margin:0}.customer-selector[data-v-3119147c]{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.selector-header[data-v-3119147c]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.selector-header i[data-v-3119147c]{font-size:1.5rem;color:#3498db}.selector-header h3[data-v-3119147c]{margin:0;color:#333;font-size:1.2rem}.search-box[data-v-3119147c]{position:relative;margin-bottom:20px}.search-icon[data-v-3119147c]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999;z-index:1}.search-input[data-v-3119147c]{width:80%;padding:12px 15px 12px 45px;border:2px solid #d6e2ee;border-radius:8px;font-size:.95rem;transition:all .3s;background:#f8fafc}.search-input[data-v-3119147c]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.search-results[data-v-3119147c]{max-height:300px;overflow-y:auto;border:1px solid #eef2f6;border-radius:8px}.customer-result[data-v-3119147c]{display:flex;align-items:center;gap:15px;padding:12px 15px;cursor:pointer;transition:background .3s;border-bottom:1px solid #eef2f6}.customer-result[data-v-3119147c]:last-child{border-bottom:none}.customer-result[data-v-3119147c]:hover{background:#f8fafc}.result-avatar[data-v-3119147c]{width:45px;height:45px;border-radius:50%;object-fit:cover}.result-info[data-v-3119147c]{flex:1;display:flex;flex-direction:column}.result-name[data-v-3119147c]{font-weight:600;color:#333;margin-bottom:3px}.result-details[data-v-3119147c]{font-size:.85rem;color:#666}.no-results[data-v-3119147c]{text-align:center;padding:40px 20px;color:#999}.no-results i[data-v-3119147c]{font-size:3rem;color:#cbd5e0;margin-bottom:15px}.no-results p[data-v-3119147c]{margin-bottom:20px}.no-results-small[data-v-3119147c]{text-align:center;padding:20px;color:#999}.no-results-small i[data-v-3119147c]{font-size:2rem;color:#cbd5e0;margin-bottom:10px}.selected-customer[data-v-3119147c]{margin-bottom:25px}.customer-card[data-v-3119147c]{background:linear-gradient(135deg,#667eea,#667eea);border-radius:12px;padding:20px;display:flex;align-items:center;gap:20px;color:#fff;box-shadow:0 10px 25px #667eea4d}.customer-avatar[data-v-3119147c]{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid white}.customer-details[data-v-3119147c]{flex:1}.customer-details h3[data-v-3119147c]{margin:0 0 8px;font-size:1.3rem}.customer-details p[data-v-3119147c]{margin:3px 0;font-size:.95rem;opacity:.9}.customer-details i[data-v-3119147c]{width:20px;margin-right:5px}.btn-change[data-v-3119147c]{padding:8px 15px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-change[data-v-3119147c]:hover{background:#ffffff4d}.error-summary[data-v-3119147c]{background:#fee;border:1px solid #fcc;border-radius:10px;padding:15px 20px;margin-bottom:25px;display:flex;align-items:flex-start;gap:15px}.error-summary i[data-v-3119147c]{color:#e74c3c;font-size:1.5rem}.error-content h4[data-v-3119147c]{color:#e74c3c;margin:0 0 10px;font-size:1rem}.error-content ul[data-v-3119147c]{margin:0;padding-left:20px;color:#666}.form-grid[data-v-3119147c]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px}.form-group[data-v-3119147c]{margin-bottom:5px}.form-group.full-width[data-v-3119147c]{grid-column:span 2}.form-group.required label[data-v-3119147c]:after{content:"*";color:#e74c3c;margin-left:4px}.form-group label[data-v-3119147c]{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#333;font-weight:500;font-size:.9rem}.form-group label i[data-v-3119147c]{color:#3498db;width:18px}.form-control[data-v-3119147c]{width:80%;padding:12px 15px;border:2px solid #d3e2f1;border-radius:8px;font-size:.95rem;transition:all .3s;background:#f8fafc}.form-control[data-v-3119147c]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.form-control.is-invalid[data-v-3119147c]{border-color:#e74c3c;background:#fff8f8}.currency-input[data-v-3119147c]{position:relative}.currency-symbol[data-v-3119147c]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666;font-weight:500;z-index:1}.form-control.with-currency[data-v-3119147c]{padding-left:60px}.input-hint[data-v-3119147c]{display:block;font-size:.75rem;color:#999;margin-top:4px}.error-text[data-v-3119147c]{display:flex;align-items:center;gap:4px;color:#e74c3c;font-size:.8rem;margin-top:4px}.calculation-summary[data-v-3119147c]{background:linear-gradient(135deg,#f8fafc,#eef2f6);border-radius:12px;padding:20px;margin-bottom:25px;border:1px solid #e2e8f0}.calculation-summary h3[data-v-3119147c]{margin:0 0 15px;color:#333;font-size:1.1rem}.summary-grid[data-v-3119147c]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.summary-item[data-v-3119147c]{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#fff;border-radius:8px;border:1px solid #eef2f6}.summary-item.total[data-v-3119147c]{grid-column:span 2;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none}.summary-item.total .summary-label[data-v-3119147c],.summary-item.total .summary-value[data-v-3119147c]{color:#fff;font-weight:600}.summary-label[data-v-3119147c]{color:#666;font-size:.9rem}.summary-value[data-v-3119147c]{color:#333;font-weight:600;font-size:1rem}.section-card[data-v-3119147c]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.section-header[data-v-3119147c]{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef2f6}.section-header i[data-v-3119147c]{font-size:1.2rem;color:#3498db}.section-header h3[data-v-3119147c]{margin:0;color:#333;font-size:1.1rem;flex:1}.btn-add[data-v-3119147c]{padding:6px 12px;background:#e3f2fd;color:#1976d2;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .3s}.btn-add[data-v-3119147c]:hover{background:#1976d2;color:#fff}.collaterals-list[data-v-3119147c],.guarantors-list[data-v-3119147c]{display:flex;flex-direction:column;gap:10px}.collateral-item[data-v-3119147c],.guarantor-item[data-v-3119147c]{display:flex;align-items:center;gap:15px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #eef2f6}.collateral-icon[data-v-3119147c]{width:45px;height:45px;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.guarantor-avatar[data-v-3119147c]{width:45px;height:45px;border-radius:50%;object-fit:cover}.collateral-details[data-v-3119147c],.guarantor-details[data-v-3119147c]{flex:1;display:flex;flex-direction:column;gap:2px}.collateral-name[data-v-3119147c],.guarantor-name[data-v-3119147c]{font-weight:600;color:#333}.collateral-type[data-v-3119147c],.guarantor-relation[data-v-3119147c]{font-size:.8rem;color:#3498db}.collateral-value[data-v-3119147c],.guarantor-phone[data-v-3119147c]{font-size:.85rem;color:#27ae60;font-weight:500}.btn-remove[data-v-3119147c]{width:30px;height:30px;border-radius:6px;border:none;background:none;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-remove[data-v-3119147c]:hover{color:#e74c3c;background:#fee}.empty-state-small[data-v-3119147c]{text-align:center;padding:30px 20px;color:#999}.empty-state-small i[data-v-3119147c]{font-size:2rem;color:#cbd5e0;margin-bottom:10px}.empty-state-small p[data-v-3119147c]{margin:0 0 5px}.empty-state-small .hint[data-v-3119147c]{font-size:.8rem;color:#999;font-style:italic}.terms-section[data-v-3119147c]{margin:25px 0;padding:15px;background:#f8fafc;border-radius:8px}.checkbox-label[data-v-3119147c]{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;padding-left:30px;-webkit-user-select:none;user-select:none}.checkbox-label input[data-v-3119147c]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-3119147c]{position:absolute;left:0;top:0;height:20px;width:20px;background:#fff;border:2px solid #eef2f6;border-radius:4px;transition:all .2s}.checkbox-label:hover input~.checkmark[data-v-3119147c]{background:#f8fafc;border-color:#3498db}.checkbox-label input:checked~.checkmark[data-v-3119147c]{background:#3498db;border-color:#3498db}.checkmark[data-v-3119147c]:after{content:"";position:absolute;display:none}.checkbox-label input:checked~.checkmark[data-v-3119147c]:after{display:block}.checkbox-label .checkmark[data-v-3119147c]:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.terms-text[data-v-3119147c]{font-size:.95rem;color:#333}.terms-text a[data-v-3119147c]{color:#3498db;text-decoration:none}.terms-text a[data-v-3119147c]:hover{text-decoration:underline}.form-actions[data-v-3119147c]{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.btn-primary[data-v-3119147c],.btn-secondary[data-v-3119147c]{padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s;border:none}.btn-primary[data-v-3119147c]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 10px #3498db4d}.btn-primary[data-v-3119147c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3498db66}.btn-secondary[data-v-3119147c]{background:#fff;color:#666;border:1px solid #eef2f6}.btn-secondary[data-v-3119147c]:hover{background:#f8fafc;color:#333}.btn-primary[data-v-3119147c]:disabled{opacity:.6;cursor:not-allowed}.modal-overlay[data-v-3119147c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-3119147c .3s ease}@keyframes fadeIn-3119147c{0%{opacity:0}to{opacity:1}}.modal-content[data-v-3119147c]{background:#fff;border-radius:15px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp-3119147c .3s ease}.modal-content.large-modal[data-v-3119147c]{max-width:800px}@keyframes slideUp-3119147c{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-3119147c]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-3119147c]{margin:0;color:#333}.close-btn[data-v-3119147c]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:5px}.close-btn[data-v-3119147c]:hover{color:#666}.modal-body[data-v-3119147c]{padding:25px}.terms-body[data-v-3119147c]{max-height:400px;overflow-y:auto}.terms-body h4[data-v-3119147c]{color:#333;margin:20px 0 10px}.terms-body h4[data-v-3119147c]:first-child{margin-top:0}.terms-body p[data-v-3119147c]{color:#666;line-height:1.6;margin-bottom:15px}.modal-footer[data-v-3119147c]{padding:20px 25px;border-top:1px solid #eef2f6;display:flex;justify-content:flex-end;gap:10px}.mb-3[data-v-3119147c]{margin-bottom:15px}.mt-3[data-v-3119147c]{margin-top:15px}.spinner[data-v-3119147c]{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-3119147c .8s linear infinite}@keyframes spin-3119147c{to{transform:rotate(360deg)}}.toast-notification[data-v-3119147c]{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:12px;animation:slideInRight-3119147c .3s ease;z-index:2100;border-left:4px solid}.toast-notification.success[data-v-3119147c]{border-left-color:#27ae60}.toast-notification.error[data-v-3119147c]{border-left-color:#e74c3c}.toast-notification i[data-v-3119147c]{font-size:1.2rem}.toast-notification.success i[data-v-3119147c]{color:#27ae60}.toast-notification.error i[data-v-3119147c]{color:#e74c3c}@keyframes slideInRight-3119147c{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.loan-form-container[data-v-3119147c]{padding:15px}.form-header h2[data-v-3119147c]{font-size:1.5rem}.customer-card[data-v-3119147c]{flex-direction:column;text-align:center}.btn-change[data-v-3119147c]{width:100%;justify-content:center}.form-grid[data-v-3119147c]{grid-template-columns:1fr}.form-group.full-width[data-v-3119147c]{grid-column:span 1}.summary-grid[data-v-3119147c]{grid-template-columns:1fr}.summary-item.total[data-v-3119147c]{grid-column:span 1}.form-actions[data-v-3119147c]{flex-direction:column}.modal-content[data-v-3119147c]{width:95%}.modal-footer[data-v-3119147c]{flex-direction:column}.btn-primary[data-v-3119147c],.btn-secondary[data-v-3119147c]{width:100%;justify-content:center}.toast-notification[data-v-3119147c]{left:20px;right:20px;bottom:20px}}@media(max-width:480px){.customer-result[data-v-3119147c],.collateral-item[data-v-3119147c],.guarantor-item[data-v-3119147c]{flex-direction:column;text-align:center}.btn-remove[data-v-3119147c]{margin-top:10px}}.clear-search[data-v-3119147c]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:5px;z-index:2}.clear-search[data-v-3119147c]:hover{color:#e74c3c}.search-loading[data-v-3119147c]{display:flex;align-items:center;gap:8px;padding:10px;color:#666;font-size:.9rem}.spinner-small[data-v-3119147c]{width:16px;height:16px;border:2px solid #eef2f6;border-top-color:#3498db;border-radius:50%;animation:spin-3119147c .8s linear infinite}.penalty-info[data-v-3119147c]{margin-top:20px;padding:15px;background:#fff3e0;border-radius:8px;border-left:4px solid #f39c12}.penalty-info h4[data-v-3119147c]{color:#e67e22;margin:0 0 10px;font-size:1rem;display:flex;align-items:center;gap:8px}.penalty-info p[data-v-3119147c]{margin:0 0 10px;color:#666;line-height:1.5}.penalty-info i[data-v-3119147c]{color:#f39c12}.penalty-example[data-v-3119147c]{background:#fff;padding:10px 15px;border-radius:6px;font-size:.9rem;color:#333}.example-calculation[data-v-3119147c]{display:block;margin-top:5px;color:#27ae60;font-weight:500}.terms-body .example[data-v-3119147c]{background:#f0f9ff;padding:10px;border-radius:6px;margin-top:5px;font-size:.9rem;border-left:3px solid #3498db}@media(max-width:768px){.penalty-example[data-v-3119147c]{font-size:.85rem}}.modal-header-left[data-v-0bd3b738]{display:flex;align-items:center;gap:12px}.modal-header-left i[data-v-0bd3b738]{font-size:1.5rem;color:#667eea}.modal-header-actions[data-v-0bd3b738]{display:flex;align-items:center;gap:10px}.btn-refresh[data-v-0bd3b738]{width:36px;height:36px;border-radius:8px;border:none;background:#f7fafc;color:#4a5568;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-refresh[data-v-0bd3b738]:hover{background:#667eea;color:#fff}.rotating[data-v-0bd3b738]{animation:rotate-0bd3b738 1s linear infinite}@keyframes rotate-0bd3b738{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.schedule-summary[data-v-0bd3b738]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.summary-item[data-v-0bd3b738]{text-align:center}.summary-label[data-v-0bd3b738]{display:block;font-size:.85rem;opacity:.9;margin-bottom:5px}.summary-value[data-v-0bd3b738]{display:block;font-size:1.2rem;font-weight:600}.summary-value.success[data-v-0bd3b738]{color:#d4edda}.summary-value.warning[data-v-0bd3b738]{color:#fff3cd}.schedule-table th[data-v-0bd3b738]{text-align:left;padding:12px 10px;background:#f8fafc;color:#1a2639;font-weight:600;border-bottom:2px solid #eef2f6}.schedule-table tr.overdue[data-v-0bd3b738]{background:#fff5f5}.schedule-table tr.overdue td[data-v-0bd3b738]{color:#c53030}.schedule-table tr.paid[data-v-0bd3b738]{background:#f0fff4}.schedule-table tr.paid td[data-v-0bd3b738]{color:#276749}.status-badge[data-v-0bd3b738]{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.overdue[data-v-0bd3b738]{background:#f8d7da;color:#721c24}.status-badge.small[data-v-0bd3b738]{padding:2px 8px;font-size:.75rem}.penalty-info-modal[data-v-0bd3b738]{margin-top:25px;padding:15px;background:#fff3e0;border-radius:8px;border-left:4px solid #f39c12}.penalty-info-modal h4[data-v-0bd3b738]{color:#e67e22;margin:0 0 10px;font-size:1rem;display:flex;align-items:center;gap:8px}.penalty-info-modal p[data-v-0bd3b738]{margin:0;color:#666;line-height:1.6}.penalty-info-modal strong[data-v-0bd3b738]{color:#e67e22}.paid-amount[data-v-0bd3b738]{color:#27ae60;font-weight:500}.payments-filters[data-v-0bd3b738]{margin-bottom:20px;display:flex;flex-direction:column;gap:15px}.filter-group[data-v-0bd3b738]{display:flex;flex-wrap:wrap;gap:10px}.filter-select[data-v-0bd3b738],.filter-date[data-v-0bd3b738]{padding:10px 15px;border:2px solid #eef2f6;border-radius:8px;font-size:.9rem;min-width:150px;background:#fff}.filter-select[data-v-0bd3b738]:focus,.filter-date[data-v-0bd3b738]:focus{outline:none;border-color:#667eea}.summary-cards[data-v-0bd3b738]{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.summary-card[data-v-0bd3b738]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;color:#fff;box-shadow:0 4px 15px #667eea33}.summary-card.verified[data-v-0bd3b738]{background:linear-gradient(135deg,#48bb78,#38a169)}.summary-card.pending[data-v-0bd3b738]{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.card-icon[data-v-0bd3b738]{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.card-details[data-v-0bd3b738]{flex:1}.card-label[data-v-0bd3b738]{display:block;font-size:.85rem;opacity:.9;margin-bottom:3px}.card-value[data-v-0bd3b738]{display:block;font-size:1.3rem;font-weight:600;margin-bottom:2px}.card-count[data-v-0bd3b738]{display:block;font-size:.75rem;opacity:.8}.payment-details-card[data-v-0bd3b738]{background:#fff;border-radius:12px;padding:25px;border:1px solid #eef2f6}.payment-header[data-v-0bd3b738]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #eef2f6}.payment-status[data-v-0bd3b738]{padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:8px}.payment-status.verified[data-v-0bd3b738]{background:#c6f6d5;color:#22543d}.payment-status.unverified[data-v-0bd3b738]{background:#fed7d7;color:#742a2a}.payment-number[data-v-0bd3b738]{font-size:1.2rem;font-weight:600;color:#2d3748}.payment-info-grid[data-v-0bd3b738]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.info-item[data-v-0bd3b738]{display:flex;flex-direction:column;gap:5px}.info-label[data-v-0bd3b738]{font-size:.85rem;color:#718096;text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-0bd3b738]{font-size:1.1rem;color:#2d3748;font-weight:500}.info-value.amount[data-v-0bd3b738]{font-size:1.3rem;color:#667eea;font-weight:600}.payment-breakdown[data-v-0bd3b738]{margin-bottom:25px}.payment-breakdown h4[data-v-0bd3b738]{color:#2d3748;margin:0 0 15px;font-size:1rem}.breakdown-grid[data-v-0bd3b738]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.breakdown-item[data-v-0bd3b738]{padding:15px;border-radius:8px;display:flex;flex-direction:column;gap:5px}.breakdown-item.principal[data-v-0bd3b738]{background:#e3f2fd;color:#1976d2}.breakdown-item.interest[data-v-0bd3b738]{background:#fff3e0;color:#f57c00}.breakdown-item.penalty[data-v-0bd3b738]{background:#fbe9e7;color:#d32f2f}.breakdown-item.total[data-v-0bd3b738]{color:#388e3c}.breakdown-label[data-v-0bd3b738]{font-size:.85rem;opacity:.8}.breakdown-value[data-v-0bd3b738]{font-size:1.2rem;font-weight:600}.payment-notes[data-v-0bd3b738]{margin-bottom:25px;padding:15px;background:#f7fafc;border-radius:8px}.payment-notes h4[data-v-0bd3b738]{color:#2d3748;margin:0 0 10px;font-size:1rem}.payment-notes p[data-v-0bd3b738]{color:#4a5568;line-height:1.6;margin:0}.payment-actions[data-v-0bd3b738]{display:flex;gap:15px;justify-content:flex-end}.btn-print[data-v-0bd3b738],.btn-verify[data-v-0bd3b738]{padding:12px 25px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s;border:none}.btn-print[data-v-0bd3b738]{background:#fff;color:#4a5568;border:2px solid #eef2f6}.btn-print[data-v-0bd3b738]:hover{background:#f7fafc;border-color:#cbd5e0}.btn-verify[data-v-0bd3b738]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-verify[data-v-0bd3b738]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #48bb784d}.empty-state[data-v-0bd3b738]{text-align:center;padding:50px 20px;color:#a0aec0}.empty-state i[data-v-0bd3b738]{font-size:3rem;margin-bottom:15px}.empty-state p[data-v-0bd3b738]{margin-bottom:20px}.btn-clear-filters[data-v-0bd3b738]{padding:10px 20px;background:none;border:2px solid #eef2f6;border-radius:8px;color:#718096;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-clear-filters[data-v-0bd3b738]:hover{background:#f7fafc;border-color:#cbd5e0}.loading-state[data-v-0bd3b738]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#667eea;gap:15px}.loading-state .spinner[data-v-0bd3b738]{width:40px;height:40px;border:3px solid #eef2f6;border-top-color:#667eea;border-radius:50%;animation:spin-0bd3b738 .8s linear infinite}@media(max-width:768px){.schedule-summary[data-v-0bd3b738]{grid-template-columns:1fr 1fr;gap:10px}.summary-cards[data-v-0bd3b738],.payment-info-grid[data-v-0bd3b738]{grid-template-columns:1fr}.breakdown-grid[data-v-0bd3b738]{grid-template-columns:1fr 1fr}.payment-actions[data-v-0bd3b738]{flex-direction:column}.btn-print[data-v-0bd3b738],.btn-verify[data-v-0bd3b738]{width:100%;justify-content:center}.filter-group[data-v-0bd3b738]{flex-direction:column}.filter-select[data-v-0bd3b738],.filter-date[data-v-0bd3b738]{width:100%}}@media(max-width:480px){.breakdown-grid[data-v-0bd3b738],.schedule-summary[data-v-0bd3b738]{grid-template-columns:1fr}}.risk-score-card[data-v-0bd3b738]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;border-left:4px solid}.risk-score-card.low[data-v-0bd3b738]{border-left-color:#27ae60}.risk-score-card.medium[data-v-0bd3b738]{border-left-color:#f39c12}.risk-score-card.high[data-v-0bd3b738]{border-left-color:#e74c3c}.risk-score-card.very_high[data-v-0bd3b738]{border-left-color:#c0392b}.risk-score-header[data-v-0bd3b738]{display:flex;align-items:center;gap:10px;margin-bottom:15px}.risk-score-header i[data-v-0bd3b738]{font-size:1.2rem;color:#3498db}.risk-score-header h3[data-v-0bd3b738]{margin:0;color:#333;font-size:1.1rem}.risk-factors[data-v-0bd3b738]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.risk-factor[data-v-0bd3b738]{background:#f8fafc;padding:4px 10px;border-radius:20px;font-size:.8rem;color:#666;display:inline-flex;align-items:center;gap:5px}.risk-factor i[data-v-0bd3b738]{font-size:.5rem;color:#3498db}.recommendation[data-v-0bd3b738]{padding:10px;border-radius:8px;margin-top:10px;display:flex;align-items:center;gap:10px;font-size:.9rem}.recommendation.approve[data-v-0bd3b738]{background:#d4edda;color:#155724}.recommendation.review[data-v-0bd3b738]{background:#fff3cd;color:#856404}.recommendation.review_carefully[data-v-0bd3b738]{background:#ffe5d0;color:#e67e22}.recommendation.reject[data-v-0bd3b738]{background:#f8d7da;color:#721c24}.recommendation i[data-v-0bd3b738]{font-size:1rem}.auto-approve-badge[data-v-0bd3b738]{margin-top:15px;padding:8px 12px;background:#e3f2fd;color:#1976d2;border-radius:8px;display:inline-flex;align-items:center;gap:8px;font-size:.85rem}.customer-history[data-v-0bd3b738]{margin-top:20px;padding-top:20px;border-top:1px solid #eef2f6}.customer-history h4[data-v-0bd3b738]{margin:0 0 15px;color:#333;font-size:.95rem}.history-stats[data-v-0bd3b738]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history-stat[data-v-0bd3b738]{text-align:center;padding:10px;background:#f8fafc;border-radius:8px}.stat-number[data-v-0bd3b738]{display:block;font-size:1.2rem;font-weight:600;color:#333;margin-bottom:3px}.history-stat .stat-label[data-v-0bd3b738]{font-size:.75rem;color:#666}.loading-small[data-v-0bd3b738]{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;color:#999}.spinner-small[data-v-0bd3b738]{width:20px;height:20px;border:2px solid #eef2f6;border-top-color:#3498db;border-radius:50%;animation:spin-0bd3b738 1s linear infinite}.loan-detail-container[data-v-0bd3b738]{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh}.loading-state[data-v-0bd3b738]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.spinner[data-v-0bd3b738]{display:inline-block;width:40px;height:40px;border:3px solid #eef2f6;border-top-color:#3498db;border-radius:50%;animation:spin-0bd3b738 1s linear infinite;margin-bottom:15px}@keyframes spin-0bd3b738{to{transform:rotate(360deg)}}.error-state[data-v-0bd3b738]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.error-state i[data-v-0bd3b738]{font-size:3rem;color:#e74c3c;margin-bottom:15px}.error-state h3[data-v-0bd3b738]{color:#333;margin-bottom:10px}.error-state p[data-v-0bd3b738]{color:#666;margin-bottom:25px}.error-actions[data-v-0bd3b738]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-retry[data-v-0bd3b738]{padding:10px 25px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.detail-header[data-v-0bd3b738]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.header-left[data-v-0bd3b738]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.back-btn[data-v-0bd3b738]{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#fff;border:1px solid #eef2f6;border-radius:8px;color:#666;text-decoration:none;transition:all .3s}.back-btn[data-v-0bd3b738]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.header-title[data-v-0bd3b738]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.header-title h1[data-v-0bd3b738]{font-size:1.8rem;color:#1a2639;margin:0}.loan-status-badge[data-v-0bd3b738]{padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.loan-status-badge.pending[data-v-0bd3b738]{background:#fff3cd;color:#856404}.loan-status-badge.approved[data-v-0bd3b738]{background:#cce5ff;color:#004085}.loan-status-badge.active[data-v-0bd3b738]{background:#d4edda;color:#155724}.loan-status-badge.paid[data-v-0bd3b738]{background:#d1d8e0;color:#2c3e50}.loan-status-badge.defaulted[data-v-0bd3b738]{background:#f8d7da;color:#721c24}.loan-status-badge.rejected[data-v-0bd3b738]{background:#e2e3e5;color:#383d41}.header-actions[data-v-0bd3b738]{display:flex;gap:10px}.btn-payment[data-v-0bd3b738]{padding:10px 20px;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-payment[data-v-0bd3b738]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #27ae604d}.btn-more[data-v-0bd3b738]{width:40px;height:40px;border-radius:8px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-more[data-v-0bd3b738]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.action-dropdown[data-v-0bd3b738]{position:relative}.action-menu[data-v-0bd3b738]{position:absolute;top:100%;right:0;width:220px;background:#fff;border-radius:8px;box-shadow:0 5px 25px #00000026;margin-top:5px;z-index:1000;overflow:hidden;animation:slideDown-0bd3b738 .2s ease}.action-menu-item[data-v-0bd3b738]{display:flex;align-items:center;gap:12px;padding:12px 15px;color:#333;text-decoration:none;transition:background .3s;width:100%;border:none;background:none;cursor:pointer;font-size:.9rem;text-align:left}.action-menu-item[data-v-0bd3b738]:hover{background:#f8fafc}.action-menu-item i[data-v-0bd3b738]{width:18px;color:#666}.action-menu-item.success[data-v-0bd3b738]:hover,.action-menu-item.success:hover i[data-v-0bd3b738]{color:#27ae60}.action-menu-item.warning[data-v-0bd3b738]:hover,.action-menu-item.warning:hover i[data-v-0bd3b738]{color:#f39c12}.action-menu-item.danger[data-v-0bd3b738]:hover,.action-menu-item.danger:hover i[data-v-0bd3b738]{color:#e74c3c}.action-menu-divider[data-v-0bd3b738]{height:1px;background:#eef2f6;margin:5px 0}.overdue-banner[data-v-0bd3b738]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-radius:10px;padding:15px 25px;margin-bottom:25px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.overdue-banner i[data-v-0bd3b738]{font-size:2rem}.banner-content[data-v-0bd3b738]{flex:1}.banner-content h3[data-v-0bd3b738]{margin:0 0 5px;font-size:1.2rem}.banner-content p[data-v-0bd3b738]{margin:0;opacity:.9}.btn-contact[data-v-0bd3b738]{padding:8px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-contact[data-v-0bd3b738]:hover{background:#ffffff4d}.detail-grid[data-v-0bd3b738]{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px}@media(max-width:992px){.detail-grid[data-v-0bd3b738]{grid-template-columns:1fr}}.left-column[data-v-0bd3b738],.right-column[data-v-0bd3b738]{display:flex;flex-direction:column;gap:25px}.summary-card[data-v-0bd3b738]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.summary-card h3[data-v-0bd3b738]{margin:0 0 20px;color:#333;font-size:1.1rem}.summary-stats[data-v-0bd3b738]{display:flex;flex-direction:column;gap:15px}.stat-item[data-v-0bd3b738]{display:flex;flex-direction:column}.stat-label[data-v-0bd3b738]{font-size:.85rem;color:#999;margin-bottom:3px}.stat-value[data-v-0bd3b738]{font-size:1.2rem;font-weight:600;color:#333}.stat-value.large[data-v-0bd3b738]{font-size:1.8rem;color:#3498db}.stat-value.success[data-v-0bd3b738]{color:#27ae60}.stat-value.text-danger[data-v-0bd3b738]{color:#e74c3c}.stat-row[data-v-0bd3b738]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.progress-bar[data-v-0bd3b738]{position:relative;height:30px;background:#eef2f6;border-radius:15px;margin-top:10px;overflow:hidden}.progress-fill[data-v-0bd3b738]{height:100%;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:15px;transition:width .3s ease}.progress-text[data-v-0bd3b738]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.85rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}.info-card[data-v-0bd3b738]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.card-header[data-v-0bd3b738]{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef2f6}.card-header i[data-v-0bd3b738]{font-size:1.2rem;color:#3498db}.card-header h3[data-v-0bd3b738]{margin:0;color:#333;font-size:1.1rem;flex:1}.btn-view[data-v-0bd3b738]{padding:5px 12px;background:#e3f2fd;color:#1976d2;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none;transition:all .3s}.btn-view[data-v-0bd3b738]:hover{background:#1976d2;color:#fff}.btn-add[data-v-0bd3b738]{padding:5px 12px;background:#e3f2fd;color:#1976d2;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .3s}.btn-add[data-v-0bd3b738]:hover{background:#1976d2;color:#fff}.btn-view-small[data-v-0bd3b738]{width:30px;height:30px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-view-small[data-v-0bd3b738]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.customer-profile[data-v-0bd3b738]{display:flex;align-items:center;gap:15px;margin-bottom:20px}.customer-avatar[data-v-0bd3b738]{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #3498db}.customer-info[data-v-0bd3b738]{display:flex;flex-direction:column}.customer-name[data-v-0bd3b738]{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:3px}.customer-occupation[data-v-0bd3b738]{font-size:.9rem;color:#666}.info-grid[data-v-0bd3b738]{display:flex;flex-direction:column;gap:10px}.info-row[data-v-0bd3b738]{display:flex;align-items:center;gap:10px;color:#666;font-size:.95rem}.info-row i[data-v-0bd3b738]{width:18px;color:#3498db}.preview-table[data-v-0bd3b738]{width:100%;border-collapse:collapse}.preview-table th[data-v-0bd3b738]{text-align:left;padding:8px;font-size:.8rem;color:#999;font-weight:500}.preview-table td[data-v-0bd3b738]{padding:8px;font-size:.9rem;color:#333;border-bottom:1px solid #eef2f6}.status-badge.small[data-v-0bd3b738]{padding:2px 8px;font-size:.75rem;display:inline-block}.status-badge.paid[data-v-0bd3b738]{background:#d4edda;color:#155724}.status-badge.pending[data-v-0bd3b738]{background:#fff3cd;color:#856404}.view-more-link[data-v-0bd3b738]{color:#3498db;text-decoration:none;font-size:.85rem}.view-more-link[data-v-0bd3b738]:hover{text-decoration:underline}.details-grid[data-v-0bd3b738]{display:flex;flex-direction:column;gap:12px}.detail-row[data-v-0bd3b738]{display:flex;align-items:baseline;gap:10px}.detail-label[data-v-0bd3b738]{min-width:140px;color:#666;font-size:.9rem}.detail-value[data-v-0bd3b738]{color:#333;font-weight:500}.purpose-text[data-v-0bd3b738]{margin:0;color:#666;line-height:1.6}.collateral-item[data-v-0bd3b738]{display:flex;align-items:center;gap:15px;padding:10px;background:#f8fafc;border-radius:8px;border:1px solid #eef2f6}.collateral-icon[data-v-0bd3b738]{width:45px;height:45px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.collateral-icon.land[data-v-0bd3b738]{background:linear-gradient(135deg,#27ae60,#229954)}.collateral-icon.vehicle[data-v-0bd3b738]{background:linear-gradient(135deg,#3498db,#2980b9)}.collateral-icon.equipment[data-v-0bd3b738]{background:linear-gradient(135deg,#f39c12,#e67e22)}.collateral-icon.title_deed[data-v-0bd3b738]{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.collateral-icon.other[data-v-0bd3b738]{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.collateral-info[data-v-0bd3b738]{flex:1;display:flex;flex-direction:column;gap:2px}.collateral-name[data-v-0bd3b738]{font-weight:600;color:#333}.collateral-type[data-v-0bd3b738]{font-size:.8rem;color:#3498db}.collateral-value[data-v-0bd3b738]{font-size:.85rem;color:#27ae60;font-weight:500}.guarantors-list[data-v-0bd3b738]{display:flex;flex-direction:column;gap:10px}.guarantor-item[data-v-0bd3b738]{display:flex;align-items:center;gap:12px;padding:10px;background:#f8fafc;border-radius:8px;border:1px solid #eef2f6}.guarantor-avatar[data-v-0bd3b738]{width:45px;height:45px;border-radius:50%;object-fit:cover}.guarantor-info[data-v-0bd3b738]{flex:1;display:flex;flex-direction:column;gap:2px}.guarantor-name[data-v-0bd3b738]{font-weight:600;color:#333}.guarantor-relation[data-v-0bd3b738]{font-size:.8rem;color:#3498db}.guarantor-phone[data-v-0bd3b738]{font-size:.8rem;color:#666}.history-item[data-v-0bd3b738]{display:flex;gap:15px;padding:10px 0;border-bottom:1px solid #eef2f6}.history-item[data-v-0bd3b738]:last-child{border-bottom:none}.history-item i[data-v-0bd3b738]{font-size:1.2rem;margin-top:2px}.history-item i.success[data-v-0bd3b738]{color:#27ae60}.history-item i.danger[data-v-0bd3b738]{color:#e74c3c}.history-details[data-v-0bd3b738]{flex:1}.history-title[data-v-0bd3b738]{font-weight:600;color:#333;display:block;margin-bottom:3px}.history-date[data-v-0bd3b738]{font-size:.8rem;color:#999;display:block;margin-bottom:5px}.history-notes[data-v-0bd3b738]{margin:5px 0 0;font-size:.9rem;color:#666;background:#f8fafc;padding:8px;border-radius:5px}.recent-payments-card[data-v-0bd3b738]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;margin-top:25px}.table-responsive[data-v-0bd3b738]{overflow-x:auto}.payments-table[data-v-0bd3b738]{width:100%;border-collapse:collapse}.payments-table th[data-v-0bd3b738]{text-align:left;padding:12px 10px;background:#f8fafc;color:#1a2639;font-weight:600;font-size:.9rem;border-bottom:2px solid #eef2f6}.payments-table td[data-v-0bd3b738]{padding:12px 10px;border-bottom:1px solid #eef2f6;color:#666}.badge[data-v-0bd3b738]{display:inline-block;padding:3px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.badge.full[data-v-0bd3b738]{background:#cce5ff;color:#004085}.badge.partial[data-v-0bd3b738]{background:#fff3cd;color:#856404}.badge.unverified[data-v-0bd3b738]{background:#f8d7da;color:#721c24}.payment-method i[data-v-0bd3b738]{margin-right:5px;color:#3498db}.btn-icon-small[data-v-0bd3b738]{width:30px;height:30px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;margin-right:5px;transition:all .3s}.btn-icon-small[data-v-0bd3b738]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.empty-state-small[data-v-0bd3b738]{text-align:center;padding:30px 20px;color:#999}.empty-state-small i[data-v-0bd3b738]{font-size:2rem;color:#cbd5e0;margin-bottom:10px}.empty-state-small p[data-v-0bd3b738]{margin:0}.modal-overlay[data-v-0bd3b738]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-0bd3b738 .3s ease}@keyframes fadeIn-0bd3b738{0%{opacity:0}to{opacity:1}}.modal-content[data-v-0bd3b738]{background:#fff;border-radius:15px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp-0bd3b738 .3s ease}@keyframes slideUp-0bd3b738{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-0bd3b738]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:15px}.modal-icon[data-v-0bd3b738]{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.modal-icon.success[data-v-0bd3b738]{background:#d4edda;color:#27ae60}.modal-icon.danger[data-v-0bd3b738]{background:#f8d7da;color:#e74c3c}.modal-icon.warning[data-v-0bd3b738]{background:#fff3cd;color:#f39c12}.modal-header h3[data-v-0bd3b738]{flex:1;margin:0;color:#333}.close-btn[data-v-0bd3b738]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:5px}.close-btn[data-v-0bd3b738]:hover{color:#666}.modal-body[data-v-0bd3b738]{padding:25px}.loan-summary[data-v-0bd3b738]{background:#f8fafc;border-radius:8px;padding:15px;margin:15px 0}.loan-summary p[data-v-0bd3b738]{margin:5px 0;color:#333}.form-group[data-v-0bd3b738]{margin-bottom:15px}.form-group.required label[data-v-0bd3b738]:after{content:"*";color:#e74c3c;margin-left:4px}.form-group label[data-v-0bd3b738]{display:block;margin-bottom:5px;color:#333;font-weight:500;font-size:.9rem}.form-control[data-v-0bd3b738]{width:100%;padding:12px 15px;border:2px solid #eef2f6;border-radius:8px;font-size:.95rem;transition:all .3s;background:#f8fafc}.form-control[data-v-0bd3b738]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.warning-text[data-v-0bd3b738]{font-size:1.1rem;color:#333;margin:15px 0;padding:10px;background:#f8fafc;border-radius:8px;text-align:center}.warning-note[data-v-0bd3b738]{display:flex;align-items:center;gap:8px;color:#f39c12;font-size:.9rem;margin-top:15px;padding:10px;background:#fff3cd;border-radius:8px}.modal-footer[data-v-0bd3b738]{padding:20px 25px;border-top:1px solid #eef2f6;display:flex;justify-content:flex-end;gap:10px}.btn-primary[data-v-0bd3b738],.btn-secondary[data-v-0bd3b738],.btn-success[data-v-0bd3b738],.btn-danger[data-v-0bd3b738]{padding:10px 20px;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:none;transition:all .3s}.btn-primary[data-v-0bd3b738]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-primary[data-v-0bd3b738]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}.btn-success[data-v-0bd3b738]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-success[data-v-0bd3b738]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #27ae604d}.btn-danger[data-v-0bd3b738]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-danger[data-v-0bd3b738]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c4d}.btn-secondary[data-v-0bd3b738]{background:#f8fafc;color:#666;border:1px solid #eef2f6}.btn-secondary[data-v-0bd3b738]:hover{background:#eef2f6;color:#333}.btn-primary[data-v-0bd3b738]:disabled,.btn-success[data-v-0bd3b738]:disabled,.btn-danger[data-v-0bd3b738]:disabled{opacity:.6;cursor:not-allowed}.text-muted[data-v-0bd3b738]{color:#999}.toast-notification[data-v-0bd3b738]{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:12px;animation:slideInRight-0bd3b738 .3s ease;z-index:2100;border-left:4px solid}.toast-notification.success[data-v-0bd3b738]{border-left-color:#27ae60}.toast-notification.error[data-v-0bd3b738]{border-left-color:#e74c3c}.toast-notification i[data-v-0bd3b738]{font-size:1.2rem}.toast-notification.success i[data-v-0bd3b738]{color:#27ae60}.toast-notification.error i[data-v-0bd3b738]{color:#e74c3c}@keyframes slideInRight-0bd3b738{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.loan-detail-container[data-v-0bd3b738]{padding:15px}.detail-header[data-v-0bd3b738]{flex-direction:column;align-items:flex-start}.header-left[data-v-0bd3b738]{width:100%}.header-title[data-v-0bd3b738]{flex-direction:column;align-items:flex-start;gap:10px}.header-actions[data-v-0bd3b738]{width:100%}.btn-payment[data-v-0bd3b738]{flex:1}.overdue-banner[data-v-0bd3b738]{flex-direction:column;text-align:center}.stat-row[data-v-0bd3b738]{grid-template-columns:1fr;gap:10px}.detail-row[data-v-0bd3b738]{flex-direction:column;gap:5px}.detail-label[data-v-0bd3b738]{min-width:auto}.modal-footer[data-v-0bd3b738]{flex-direction:column}.btn-primary[data-v-0bd3b738],.btn-secondary[data-v-0bd3b738],.btn-success[data-v-0bd3b738],.btn-danger[data-v-0bd3b738]{width:100%;justify-content:center}.toast-notification[data-v-0bd3b738]{left:20px;right:20px;bottom:20px}}.collaterals-list[data-v-0bd3b738]{display:flex;flex-direction:column;gap:15px}.collateral-item[data-v-0bd3b738]{display:flex;align-items:center;gap:15px;padding:15px;background:#f8fafc;border-radius:8px;border:1px solid #eef2f6;transition:all .3s}.collateral-item[data-v-0bd3b738]:hover{box-shadow:0 2px 8px #0000000d}.collateral-description[data-v-0bd3b738]{font-size:.8rem;color:#666;margin-top:2px}.collateral-summary[data-v-0bd3b738]{margin-top:15px;padding-top:15px;border-top:1px solid #eef2f6}.summary-row[data-v-0bd3b738]{display:flex;justify-content:space-between;padding:5px 0;color:#333}.badge-group[data-v-0bd3b738]{display:flex;gap:10px;margin-top:10px}.badge[data-v-0bd3b738]{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.badge.pending[data-v-0bd3b738]{background:#fff3cd;color:#856404}.badge.verified[data-v-0bd3b738]{background:#d4edda;color:#155724}.pagination-controls[data-v-0bd3b738]{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding:20px 0;border-top:1px solid #eef2f6}.btn-pagination[data-v-0bd3b738]{padding:10px 20px;background:#fff;border:2px solid #eef2f6;border-radius:8px;color:#4a5568;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.btn-pagination i[data-v-0bd3b738]{font-size:.85rem;color:#667eea;transition:all .3s ease}.btn-pagination[data-v-0bd3b738]:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.btn-pagination:hover:not(:disabled) i[data-v-0bd3b738]{color:#fff}.btn-pagination[data-v-0bd3b738]:disabled{opacity:.5;cursor:not-allowed;background:#f7fafc;border-color:#e2e8f0}.page-info[data-v-0bd3b738]{color:#4a5568;font-size:.95rem;font-weight:500;background:#f7fafc;padding:8px 20px;border-radius:20px;border:1px solid #eef2f6}.pagination-pills[data-v-0bd3b738]{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding:20px 0;flex-wrap:wrap}.pill[data-v-0bd3b738]{min-width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #eef2f6;color:#4a5568;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pill[data-v-0bd3b738]:hover:not(.active):not(.disabled){border-color:#667eea;color:#667eea;transform:translateY(-2px)}.pill.active[data-v-0bd3b738]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 10px #667eea4d}.pill.disabled[data-v-0bd3b738]{opacity:.5;cursor:not-allowed;background:#f7fafc}.pill.dots[data-v-0bd3b738]{border:none;cursor:default;background:transparent}.pill.dots[data-v-0bd3b738]:hover{transform:none;background:transparent}.pill.prev-next[data-v-0bd3b738]{width:auto;padding:0 15px;border-radius:20px;gap:8px;font-size:.9rem}.pill.prev-next i[data-v-0bd3b738]{font-size:.8rem}.pagination-compact[data-v-0bd3b738]{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:20px;padding:15px 0;border-top:1px solid #eef2f6}.compact-info[data-v-0bd3b738]{color:#718096;font-size:.9rem}.compact-buttons[data-v-0bd3b738]{display:flex;gap:8px}.btn-compact[data-v-0bd3b738]{width:36px;height:36px;border-radius:8px;background:#fff;border:2px solid #eef2f6;color:#4a5568;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-compact[data-v-0bd3b738]:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.btn-compact[data-v-0bd3b738]:disabled{opacity:.5;cursor:not-allowed;background:#f7fafc}.pagination-loading[data-v-0bd3b738]{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px;padding:20px;color:#667eea}.pagination-loading .spinner-small[data-v-0bd3b738]{width:20px;height:20px;border:2px solid #eef2f6;border-top-color:#667eea;border-radius:50%;animation:spin-0bd3b738 .8s linear infinite}@media(max-width:768px){.pagination-controls[data-v-0bd3b738]{flex-direction:column;gap:15px}.btn-pagination[data-v-0bd3b738]{width:100%;justify-content:center}.page-info[data-v-0bd3b738]{width:100%;text-align:center}.pagination-pills[data-v-0bd3b738]{gap:5px}.pill[data-v-0bd3b738]{min-width:35px;height:35px;font-size:.9rem}.pill.prev-next[data-v-0bd3b738]{padding:0 12px;font-size:.85rem}.pagination-compact[data-v-0bd3b738]{flex-direction:column;align-items:stretch}.compact-buttons[data-v-0bd3b738]{justify-content:center}}@media(max-width:480px){.pagination-pills[data-v-0bd3b738]{justify-content:center}.pill[data-v-0bd3b738]:not(.prev-next){display:none}.pill.active[data-v-0bd3b738],.pill.prev-next[data-v-0bd3b738]{display:flex}.compact-info[data-v-0bd3b738]{text-align:center}}@media(prefers-color-scheme:dark){.btn-pagination[data-v-0bd3b738],.pill[data-v-0bd3b738],.btn-compact[data-v-0bd3b738],.page-info[data-v-0bd3b738]{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.pagination-compact[data-v-0bd3b738]{border-top-color:#4a5568}.compact-info[data-v-0bd3b738]{color:#a0aec0}.btn-pagination[data-v-0bd3b738]:hover:not(:disabled),.pill[data-v-0bd3b738]:hover:not(.active):not(.disabled){background:#4a5568;border-color:#667eea;color:#e2e8f0}}.modal-content.schedule-modal[data-v-0bd3b738],.modal-content.payments-modal[data-v-0bd3b738]{width:95%;max-width:1000px;max-height:90vh}.modal-content.payment-detail-modal[data-v-0bd3b738]{width:90%;max-width:1000px;max-height:90vh}.modal-body.schedule-modal-body[data-v-0bd3b738],.modal-body.payments-modal-body[data-v-0bd3b738],.modal-body.payment-detail-body[data-v-0bd3b738]{max-height:calc(90vh - 130px);overflow-y:auto;padding:20px 25px}.modal-body.schedule-modal-body[data-v-0bd3b738]::-webkit-scrollbar,.modal-body.payments-modal-body[data-v-0bd3b738]::-webkit-scrollbar,.modal-body.payment-detail-body[data-v-0bd3b738]::-webkit-scrollbar{width:8px;height:8px}.modal-body.schedule-modal-body[data-v-0bd3b738]::-webkit-scrollbar-track,.modal-body.payments-modal-body[data-v-0bd3b738]::-webkit-scrollbar-track,.modal-body.payment-detail-body[data-v-0bd3b738]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body.schedule-modal-body[data-v-0bd3b738]::-webkit-scrollbar-thumb,.modal-body.payments-modal-body[data-v-0bd3b738]::-webkit-scrollbar-thumb,.modal-body.payment-detail-body[data-v-0bd3b738]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.modal-body.schedule-modal-body[data-v-0bd3b738]::-webkit-scrollbar-thumb:hover,.modal-body.payments-modal-body[data-v-0bd3b738]::-webkit-scrollbar-thumb:hover,.modal-body.payment-detail-body[data-v-0bd3b738]::-webkit-scrollbar-thumb:hover{background:#a0aec0}.schedule-table-container[data-v-0bd3b738]{max-height:400px;overflow-y:auto;border:1px solid #eef2f6;border-radius:8px}.schedule-table[data-v-0bd3b738]{width:100%;border-collapse:collapse;font-size:.9rem}.schedule-table th[data-v-0bd3b738]{position:sticky;top:0;background:#f8fafc;z-index:10;padding:12px 10px;text-align:left;font-weight:600;color:#1a2639;border-bottom:2px solid #eef2f6}.schedule-table td[data-v-0bd3b738]{padding:10px;border-bottom:1px solid #eef2f6;color:#4a5568}.text-center[data-v-0bd3b738]{text-align:center}.text-right[data-v-0bd3b738]{text-align:right}.payments-table-container[data-v-0bd3b738]{max-height:400px;overflow-y:auto;border:1px solid #eef2f6;border-radius:8px;margin-top:20px}.payments-table[data-v-0bd3b738]{width:100%;border-collapse:collapse;font-size:.9rem}.payments-table th[data-v-0bd3b738]{position:sticky;top:0;background:#f8fafc;z-index:10;padding:12px 10px;font-weight:600;color:#1a2639;border-bottom:2px solid #eef2f6}.payments-table td[data-v-0bd3b738]{padding:12px 10px;border-bottom:1px solid #eef2f6;color:#4a5568}.date-range[data-v-0bd3b738]{display:flex;align-items:center;gap:5px;background:#fff;border:2px solid #eef2f6;border-radius:8px;padding:2px}.date-range .filter-date[data-v-0bd3b738]{border:none;padding:8px 10px;width:130px}.date-range .filter-date[data-v-0bd3b738]:focus{outline:none;box-shadow:none}.date-separator[data-v-0bd3b738]{color:#718096;font-size:.9rem}.btn-clear-filters-small[data-v-0bd3b738]{width:40px;height:40px;border-radius:8px;border:2px solid #eef2f6;background:#fff;color:#718096;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-clear-filters-small[data-v-0bd3b738]:hover{background:#f7fafc;color:#e74c3c;border-color:#e74c3c}.summary-card.method[data-v-0bd3b738]{background:linear-gradient(135deg,#667eea,#764ba2)}.summary-card.method .card-icon.cash[data-v-0bd3b738]{background:#2ecc714d}.summary-card.method .card-icon.bank_transfer[data-v-0bd3b738]{background:#3498db4d}.summary-card.method .card-icon.mobile_money[data-v-0bd3b738]{background:#f1c40f4d}.summary-card.method .card-icon.cheque[data-v-0bd3b738]{background:#9b59b64d}.pagination-controls[data-v-0bd3b738]{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding:15px 0;border-top:1px solid #eef2f6;flex-wrap:wrap;gap:15px}.pagination-info[data-v-0bd3b738]{color:#718096;font-size:.9rem}.pagination-info strong[data-v-0bd3b738]{color:#2d3748}.pagination-buttons[data-v-0bd3b738]{display:flex;align-items:center;gap:8px}.btn-pagination[data-v-0bd3b738]{padding:8px 15px;background:#fff;border:2px solid #eef2f6;border-radius:8px;color:#4a5568;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-pagination[data-v-0bd3b738]:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.btn-pagination[data-v-0bd3b738]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-0bd3b738]{padding:8px 15px;background:#f7fafc;border-radius:8px;color:#4a5568;font-weight:500}.pagination-per-page[data-v-0bd3b738]{display:flex;align-items:center;gap:8px;color:#718096;font-size:.9rem}.per-page-select[data-v-0bd3b738]{padding:6px 10px;border:2px solid #eef2f6;border-radius:6px;background:#fff;color:#4a5568;cursor:pointer}.per-page-select[data-v-0bd3b738]:focus{outline:none;border-color:#667eea}.payment-header-large[data-v-0bd3b738]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#f8fafc,#eef2f6);border-radius:12px}.payment-status-large[data-v-0bd3b738]{padding:10px 20px;border-radius:30px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:10px}.payment-status-large.verified[data-v-0bd3b738]{background:#c6f6d5;color:#22543d}.payment-status-large.unverified[data-v-0bd3b738]{background:#fed7d7;color:#742a2a}.payment-status-large i[data-v-0bd3b738]{font-size:1.2rem}.payment-amount-large[data-v-0bd3b738]{font-size:2rem;font-weight:700;color:#2d3748}.payment-details-grid[data-v-0bd3b738]{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:30px}.detail-section[data-v-0bd3b738]{background:#f8fafc;border-radius:10px;padding:20px;border:1px solid #eef2f6}.detail-section.full-width[data-v-0bd3b738]{grid-column:span 2}.detail-section h4[data-v-0bd3b738]{margin:0 0 15px;color:#2d3748;font-size:1rem;padding-bottom:10px;border-bottom:1px solid #eef2f6}.detail-rows[data-v-0bd3b738]{display:flex;flex-direction:column;gap:12px}.detail-row[data-v-0bd3b738]{display:flex;justify-content:space-between;align-items:baseline}.detail-label[data-v-0bd3b738]{color:#718096;font-size:.9rem}.detail-value[data-v-0bd3b738]{color:#2d3748;font-weight:500}.breakdown-chart[data-v-0bd3b738]{margin-bottom:20px}.breakdown-bar[data-v-0bd3b738]{display:flex;height:30px;background:#eef2f6;border-radius:15px;overflow:hidden;margin-bottom:15px}.bar-segment[data-v-0bd3b738]{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:.75rem;font-weight:500;transition:width .3s ease}.bar-segment.principal[data-v-0bd3b738]{background:linear-gradient(135deg,#3498db,#2980b9)}.bar-segment.interest[data-v-0bd3b738]{background:linear-gradient(135deg,#f39c12,#e67e22)}.bar-segment.penalty[data-v-0bd3b738]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.segment-label[data-v-0bd3b738]{text-shadow:0 1px 2px rgba(0,0,0,.2)}.breakdown-numbers[data-v-0bd3b738]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.breakdown-numbers .breakdown-item[data-v-0bd3b738]{text-align:center;padding:10px;border-radius:8px}.breakdown-numbers .breakdown-item.principal[data-v-0bd3b738]{background:#e3f2fd}.breakdown-numbers .breakdown-item.interest[data-v-0bd3b738]{background:#fff3e0}.breakdown-numbers .breakdown-item.penalty[data-v-0bd3b738]{background:#fbe9e7}.notes-box[data-v-0bd3b738]{background:#fff;border:1px solid #eef2f6;border-radius:8px;padding:15px;min-height:80px}.notes-box p[data-v-0bd3b738]{margin:0;color:#4a5568;line-height:1.6}.payment-actions-large[data-v-0bd3b738]{display:flex;gap:15px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid #eef2f6}.btn-print-large[data-v-0bd3b738],.btn-verify-large[data-v-0bd3b738],.btn-close-large[data-v-0bd3b738]{padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s;border:none}.btn-print-large[data-v-0bd3b738]{background:#fff;color:#4a5568;border:2px solid #eef2f6}.btn-print-large[data-v-0bd3b738]:hover{background:#f7fafc;border-color:#667eea;color:#667eea}.btn-verify-large[data-v-0bd3b738]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-verify-large[data-v-0bd3b738]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #48bb784d}.btn-close-large[data-v-0bd3b738]{background:#f7fafc;color:#4a5568;border:2px solid #eef2f6}.btn-close-large[data-v-0bd3b738]:hover{background:#eef2f6;color:#e74c3c;border-color:#e74c3c}.badge.large[data-v-0bd3b738]{padding:6px 15px;font-size:.9rem}.btn-print-modal[data-v-0bd3b738]{padding:10px 20px;background:#fff;color:#4a5568;border:2px solid #eef2f6;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-print-modal[data-v-0bd3b738]:hover{background:#f7fafc;border-color:#667eea;color:#667eea}@media(max-width:1200px){.payment-details-grid[data-v-0bd3b738]{grid-template-columns:1fr}.detail-section.full-width[data-v-0bd3b738]{grid-column:span 1}}@media(max-width:768px){.pagination-controls[data-v-0bd3b738]{flex-direction:column;align-items:stretch}.pagination-buttons[data-v-0bd3b738]{justify-content:center}.payment-header-large[data-v-0bd3b738]{flex-direction:column;gap:15px;text-align:center}.payment-actions-large[data-v-0bd3b738]{flex-direction:column}.btn-print-large[data-v-0bd3b738],.btn-verify-large[data-v-0bd3b738],.btn-close-large[data-v-0bd3b738]{width:100%;justify-content:center}.date-range[data-v-0bd3b738]{flex-wrap:wrap}.date-range .filter-date[data-v-0bd3b738]{width:100%}}.search-box[data-v-0bd3b738]{position:relative;width:100%;max-width:400px}.search-box.large[data-v-0bd3b738]{max-width:600px}.search-icon[data-v-0bd3b738]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:1rem;z-index:1;pointer-events:none}.search-input[data-v-0bd3b738]{width:100%;padding:12px 15px 12px 45px;border:2px solid #eef2f6;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#fff;color:#2d3748}.search-input[data-v-0bd3b738]:hover{border-color:#cbd5e0}.search-input[data-v-0bd3b738]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.search-input[data-v-0bd3b738]::placeholder{color:#a0aec0;font-size:.9rem}.search-input[data-v-0bd3b738]:disabled{background:#f7fafc;cursor:not-allowed;opacity:.7}.clear-search[data-v-0bd3b738]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#a0aec0;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%;width:24px;height:24px}.clear-search[data-v-0bd3b738]:hover{color:#e74c3c;background:#fee}.clear-search i[data-v-0bd3b738]{font-size:.9rem}.search-box.loading .search-input[data-v-0bd3b738]{padding-right:45px}.search-box.loading .search-spinner[data-v-0bd3b738]{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #eef2f6;border-top-color:#667eea;border-radius:50%;animation:spin-0bd3b738 .8s linear infinite}.search-box.has-results .search-input[data-v-0bd3b738]{border-color:#27ae60}.search-box.has-results .results-count[data-v-0bd3b738]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#27ae60;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:20px;pointer-events:none}.search-box.has-error .search-input[data-v-0bd3b738]{border-color:#e74c3c;background:#fff5f5}.search-box.has-error .search-error-icon[data-v-0bd3b738]{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#e74c3c;font-size:1rem}.search-suggestions[data-v-0bd3b738]{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #eef2f6;border-top:none;border-radius:0 0 10px 10px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 4px 15px #0000001a;margin-top:-2px}.search-suggestion-item[data-v-0bd3b738]{padding:12px 15px;cursor:pointer;transition:all .2s;border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:10px}.search-suggestion-item[data-v-0bd3b738]:last-child{border-bottom:none}.search-suggestion-item[data-v-0bd3b738]:hover{background:#f7fafc}.search-suggestion-item.selected[data-v-0bd3b738]{background:#e3f2fd;border-left:3px solid #667eea}.suggestion-avatar[data-v-0bd3b738]{width:32px;height:32px;border-radius:50%;object-fit:cover}.suggestion-info[data-v-0bd3b738]{flex:1;display:flex;flex-direction:column;gap:2px}.suggestion-title[data-v-0bd3b738]{font-weight:500;color:#2d3748;font-size:.95rem}.suggestion-subtitle[data-v-0bd3b738]{font-size:.8rem;color:#718096}.suggestion-highlight[data-v-0bd3b738]{background:#fbbf24;color:#744210;padding:0 2px;font-weight:500}.search-box.compact .search-input[data-v-0bd3b738]{padding:8px 12px 8px 35px;font-size:.85rem}.search-box.compact .search-icon[data-v-0bd3b738]{left:10px;font-size:.85rem}.search-box.bordered .search-input[data-v-0bd3b738]{border-width:1px;background:#f8fafc}.search-box.bordered .search-input[data-v-0bd3b738]:focus{background:#fff}.search-box.rounded .search-input[data-v-0bd3b738]{border-radius:30px}.search-box.rounded .search-icon[data-v-0bd3b738]{left:18px}.search-box.rounded .clear-search[data-v-0bd3b738]{right:15px}.search-box.glass .search-input[data-v-0bd3b738]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#fff3;color:#fff}.search-box.glass .search-input[data-v-0bd3b738]::placeholder{color:#ffffffb3}.search-box.glass .search-icon[data-v-0bd3b738],.search-box.glass .clear-search[data-v-0bd3b738]{color:#ffffffb3}.search-box.glass .clear-search[data-v-0bd3b738]:hover{color:#fff;background:#fff3}@media(prefers-color-scheme:dark){.search-input[data-v-0bd3b738]{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.search-input[data-v-0bd3b738]:hover{border-color:#718096}.search-input[data-v-0bd3b738]:focus{border-color:#667eea;background:#2d3748}.search-input[data-v-0bd3b738]::placeholder{color:#718096}.search-suggestions[data-v-0bd3b738]{background:#2d3748;border-color:#4a5568}.search-suggestion-item[data-v-0bd3b738]{border-bottom-color:#4a5568}.search-suggestion-item[data-v-0bd3b738]:hover{background:#374151}.suggestion-title[data-v-0bd3b738]{color:#e2e8f0}.suggestion-subtitle[data-v-0bd3b738]{color:#a0aec0}}@media(max-width:768px){.search-box[data-v-0bd3b738],.search-box.large[data-v-0bd3b738]{max-width:100%}.search-suggestions[data-v-0bd3b738]{max-height:250px}}@media(max-width:480px){.search-input[data-v-0bd3b738]{padding:10px 12px 10px 40px;font-size:.9rem}.search-icon[data-v-0bd3b738]{left:12px;font-size:.9rem}.clear-search[data-v-0bd3b738]{width:20px;height:20px}}@keyframes slideDown-0bd3b738{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-suggestions[data-v-0bd3b738]{animation:slideDown-0bd3b738 .2s ease}.search-box.icon-right .search-icon[data-v-0bd3b738]{left:auto;right:15px}.search-box.icon-right .search-input[data-v-0bd3b738]{padding:12px 45px 12px 15px}.search-box.icon-right .clear-search[data-v-0bd3b738]{right:45px}.search-box.gradient-border .search-input[data-v-0bd3b738]{border:double 2px transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:padding-box,border-box}.search-box.gradient-border .search-input[data-v-0bd3b738]:focus{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#764ba2,#667eea)}.search-box.shadow .search-input[data-v-0bd3b738]{box-shadow:0 4px 10px #0000000d}.search-box.shadow .search-input[data-v-0bd3b738]:focus{box-shadow:0 8px 20px #667eea26}.search-box.underline .search-input[data-v-0bd3b738]{border:none;border-bottom:2px solid #eef2f6;border-radius:0;padding-left:35px;background:transparent}.search-box.underline .search-input[data-v-0bd3b738]:focus{border-bottom-color:#667eea;box-shadow:none}.search-box.underline .search-icon[data-v-0bd3b738]{left:0}.search-box.underline .clear-search[data-v-0bd3b738]{right:0}.summary-stats-grid[data-v-0bd3b738]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,4fr));gap:15px;margin-bottom:25px}.stat-block[data-v-0bd3b738]{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:2px solid transparent;transition:all .2s ease}.stat-block[data-v-0bd3b738]:hover{border-bottom-color:currentColor;transform:translateY(-2px)}.stat-block.total[data-v-0bd3b738]{color:#3498db}.stat-block.verified[data-v-0bd3b738]{color:#27ae60}.stat-block.pending[data-v-0bd3b738]{color:#f39c12}.stat-block.method[data-v-0bd3b738]{color:#9b59b6}.stat-icon[data-v-0bd3b738]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:.8}.stat-content[data-v-0bd3b738]{display:flex;flex-direction:column}.stat-label[data-v-0bd3b738]{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#718096;margin-bottom:2px}.stat-value[data-v-0bd3b738]{font-size:1.2rem;font-weight:600;line-height:1.2;margin-bottom:2px;color:#2d3748}.stat-block.total .stat-value[data-v-0bd3b738],.stat-block.verified .stat-value[data-v-0bd3b738],.stat-block.pending .stat-value[data-v-0bd3b738],.stat-block.method .stat-value[data-v-0bd3b738]{color:inherit}.stat-count[data-v-0bd3b738]{font-size:.7rem;color:#a0aec0}@media(max-width:768px){.summary-stats-grid[data-v-0bd3b738]{grid-template-columns:repeat(2,1fr);gap:10px}.stat-block[data-v-0bd3b738]{padding:8px}.stat-icon[data-v-0bd3b738]{width:30px;height:30px;font-size:1.2rem}.stat-value[data-v-0bd3b738]{font-size:1rem}}@media(max-width:480px){.summary-stats-grid[data-v-0bd3b738]{grid-template-columns:1fr}.stat-block[data-v-0bd3b738]{border-bottom:1px solid #eef2f6}.stat-block[data-v-0bd3b738]:hover{transform:none}}.simple-horizontal-stats[data-v-0bd3b738]{display:flex;align-items:center;flex-wrap:wrap;gap:8px 5px;margin-bottom:20px;padding:8px 0;background:#f8fafc;border-radius:8px;overflow-x:auto;white-space:nowrap}.simple-stat[data-v-0bd3b738]{display:inline-flex;align-items:baseline;gap:4px;padding:3px 8px;font-size:.85rem}.simple-stat .stat-label[data-v-0bd3b738]{color:#718096}.simple-stat .stat-value.total[data-v-0bd3b738]{color:#3498db;font-weight:600}.simple-stat .stat-value.verified[data-v-0bd3b738]{color:#27ae60;font-weight:600}.simple-stat .stat-value.pending[data-v-0bd3b738]{color:#f39c12;font-weight:600}.simple-stat .stat-value.method[data-v-0bd3b738]{color:#9b59b6;font-weight:600}.simple-stat .stat-count[data-v-0bd3b738]{color:#a0aec0;font-size:.75rem}.stat-bullet[data-v-0bd3b738]{color:#cbd5e0;font-size:1.2rem;line-height:1}@media(max-width:768px){.simple-horizontal-stats[data-v-0bd3b738]{padding:5px}.simple-stat[data-v-0bd3b738]{font-size:.8rem}}.pending-loans-container[data-v-c2776ce0]{max-width:1000px;margin:0 auto}.page-header[data-v-c2776ce0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:0rem}.header-left h1[data-v-c2776ce0]{font-size:1.8rem;color:#2c3e50;margin-bottom:.5rem}.loan-count[data-v-c2776ce0]{color:#7f8c8d;font-size:1rem}.loan-count strong[data-v-c2776ce0]{color:#3498db;font-weight:600}.header-actions[data-v-c2776ce0]{display:flex;gap:1rem}.btn-export[data-v-c2776ce0],.btn-primary[data-v-c2776ce0]{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-export[data-v-c2776ce0]{background-color:#ecf0f1;color:#34495e}.btn-export[data-v-c2776ce0]:hover:not(:disabled){background-color:#bdc3c7}.btn-primary[data-v-c2776ce0]{background-color:#3498db;color:#fff;text-decoration:none}.btn-primary[data-v-c2776ce0]:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-export[data-v-c2776ce0]:disabled,.btn-primary[data-v-c2776ce0]:disabled{opacity:.6;cursor:not-allowed}.summary-cards[data-v-c2776ce0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card[data-v-c2776ce0]{background:#fff;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.summary-card[data-v-c2776ce0]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.summary-icon[data-v-c2776ce0]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.summary-details[data-v-c2776ce0]{display:flex;flex-direction:column}.summary-value[data-v-c2776ce0]{font-size:1.5rem;font-weight:700;color:#2c3e50;line-height:1.2}.summary-label[data-v-c2776ce0]{font-size:.9rem;color:#7f8c8d}.filters-card[data-v-c2776ce0]{background:#fff;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;overflow:hidden}.filters-header[data-v-c2776ce0]{padding:1rem 1.5rem;background:#f8f9fa;display:flex;align-items:center;gap:.75rem;cursor:pointer;border-bottom:1px solid #e9ecef}.filters-header h3[data-v-c2776ce0]{font-size:1rem;font-weight:600;color:#2c3e50;margin:0}.filter-badge[data-v-c2776ce0]{background:#3498db;color:#fff;padding:.2rem .6rem;border-radius:20px;font-size:.8rem;font-weight:500}.filters-header i[data-v-c2776ce0]:last-child{margin-left:auto;transition:transform .3s}.filters-header i.rotated[data-v-c2776ce0]{transform:rotate(180deg)}.filters-body[data-v-c2776ce0]{padding:1.5rem}.filters-grid[data-v-c2776ce0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group[data-v-c2776ce0]{display:flex;flex-direction:column;gap:.5rem}.filter-group label[data-v-c2776ce0]{font-size:.9rem;color:#34495e;font-weight:500;display:flex;align-items:center;gap:.5rem}.form-control[data-v-c2776ce0]{padding:.6rem;border:1px solid #dce4ec;border-radius:6px;font-size:.95rem;transition:all .2s}.form-control[data-v-c2776ce0]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.active-filters[data-v-c2776ce0]{padding-top:1rem;border-top:1px solid #e9ecef}.active-filters-label[data-v-c2776ce0]{font-size:.9rem;color:#7f8c8d;margin-right:1rem}.filter-tags[data-v-c2776ce0]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.filter-tag[data-v-c2776ce0]{background:#ecf0f1;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;color:#2c3e50;display:inline-flex;align-items:center;gap:.5rem}.remove-filter[data-v-c2776ce0]{cursor:pointer;color:#95a5a6;transition:color .2s}.remove-filter[data-v-c2776ce0]:hover{color:#e74c3c}.clear-all-btn[data-v-c2776ce0]{background:none;border:none;color:#e74c3c;font-size:.9rem;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;padding:.3rem .8rem;border-radius:20px;transition:all .2s}.clear-all-btn[data-v-c2776ce0]:hover{background:#fee}.loading-state[data-v-c2776ce0]{text-align:center;padding:3rem;color:#7f8c8d}.spinner[data-v-c2776ce0]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin-c2776ce0 1s linear infinite;margin:0 auto 1rem}@keyframes spin-c2776ce0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-c2776ce0]{text-align:center;padding:3rem;color:#e74c3c}.error-state i[data-v-c2776ce0]{font-size:3rem;margin-bottom:1rem}.error-state h3[data-v-c2776ce0]{font-size:1.2rem;margin-bottom:.5rem}.error-state p[data-v-c2776ce0]{color:#7f8c8d;margin-bottom:1.5rem}.btn-retry[data-v-c2776ce0]{background:#3498db;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-retry[data-v-c2776ce0]:hover{background:#2980b9}.table-card[data-v-c2776ce0]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-responsive[data-v-c2776ce0]{overflow-x:auto}.loans-table[data-v-c2776ce0]{width:100%;border-collapse:collapse;font-size:.95rem}.loans-table th[data-v-c2776ce0]{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e9ecef;white-space:nowrap}.loans-table td[data-v-c2776ce0]{padding:1rem 0rem 0rem;border-bottom:1px solid #e9ecef;color:#34495e}.main-row[data-v-c2776ce0]{transition:background-color .2s}.main-row[data-v-c2776ce0]:hover{background-color:#f5f9ff}.main-row.expanded[data-v-c2776ce0]{background-color:#f0f7ff;border-bottom:none}.main-row.expanded td[data-v-c2776ce0]{border-bottom:none}.btn-expand[data-v-c2776ce0]{background:none;border:none;color:#3498db;font-size:1.3rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-expand[data-v-c2776ce0]:hover{color:#2980b9;background-color:#3498db1a;transform:scale(1.1)}.expanded-details-row[data-v-c2776ce0]{background-color:#f8faff;animation:slideDown-c2776ce0 .2s ease-out}.expanded-details-row td[data-v-c2776ce0]{padding:1.5rem!important;background-color:#f8faff;border-top:2px solid #3498db;border-bottom:2px solid #e9ecef;box-shadow:inset 0 2px 4px #00000005}.main-row.expanded+.expanded-details-row[data-v-c2776ce0]{margin-top:0}.expanded-details[data-v-c2776ce0]{width:100%}.details-grid[data-v-c2776ce0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.detail-item[data-v-c2776ce0]{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:8px;transition:background-color .2s}.detail-item[data-v-c2776ce0]:hover{background-color:#3498db0d}.detail-label[data-v-c2776ce0]{font-size:.8rem;color:#7f8c8d;font-weight:500;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:.3rem}.detail-label i[data-v-c2776ce0]{font-size:.9rem;color:#3498db}.detail-value[data-v-c2776ce0]{font-size:1.1rem;font-weight:600;color:#2c3e50}.risk-score[data-v-c2776ce0]{display:inline-flex;align-items:center;gap:.75rem;padding:.4rem 1rem;border-radius:30px;font-size:.95rem;font-weight:500}.risk-score.low[data-v-c2776ce0]{background-color:#27ae601a;color:#27ae60}.risk-score.medium[data-v-c2776ce0]{background-color:#f39c121a;color:#f39c12}.risk-score.high[data-v-c2776ce0]{background-color:#e67e221a;color:#e67e22}.risk-score.very_high[data-v-c2776ce0]{background-color:#c0392b1a;color:#c0392b}.auto-approve-badge[data-v-c2776ce0]{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;padding:.4rem 1rem;border-radius:30px;font-size:.95rem;font-weight:500;width:fit-content}.auto-approve-badge i[data-v-c2776ce0]{font-size:.9rem}.interest-rate[data-v-c2776ce0]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:.4rem 1rem;border-radius:30px;display:inline-block;font-size:.95rem;font-weight:500;width:fit-content}.customer-cell[data-v-c2776ce0]{display:flex;align-items:center;gap:.75rem}.customer-avatar[data-v-c2776ce0]{width:35px;height:35px;border-radius:50%;object-fit:cover}.customer-info[data-v-c2776ce0]{display:flex;flex-direction:column}.customer-name[data-v-c2776ce0]{font-weight:500;color:#2c3e50}.customer-phone[data-v-c2776ce0]{font-size:.85rem;color:#7f8c8d}.amount[data-v-c2776ce0],.total[data-v-c2776ce0]{font-weight:600;color:#2c3e50}.duration[data-v-c2776ce0],.frequency[data-v-c2776ce0]{color:#34495e}.date-info[data-v-c2776ce0]{display:flex;flex-direction:column}.date[data-v-c2776ce0]{font-weight:500}.days-pending[data-v-c2776ce0]{font-size:.85rem;color:#e67e22}.action-dropdown[data-v-c2776ce0]{position:relative}.action-menu-btn[data-v-c2776ce0]{background:none;border:none;color:#7f8c8d;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.action-menu-btn[data-v-c2776ce0]:hover{background-color:#ecf0f1;color:#2c3e50}.action-menu[data-v-c2776ce0]{position:absolute;right:0;top:100%;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;margin-top:.5rem;overflow:hidden}.action-menu-item[data-v-c2776ce0]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#2c3e50;text-decoration:none;font-size:.95rem;transition:all .2s;width:100%;text-align:left;background:none;border:none;cursor:pointer}.action-menu-item[data-v-c2776ce0]:hover{background-color:#f8f9fa}.action-menu-item.success[data-v-c2776ce0]:hover{background-color:#2ecc711a;color:#27ae60}.action-menu-item.danger[data-v-c2776ce0]:hover{background-color:#e74c3c1a;color:#c0392b}.action-menu-divider[data-v-c2776ce0]{height:1px;background-color:#e9ecef;margin:.25rem 0}@keyframes slideDown-c2776ce0{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.empty-state-small[data-v-c2776ce0]{text-align:center;padding:3rem;color:#bdc3c7}.empty-state-small i[data-v-c2776ce0]{font-size:3rem;margin-bottom:1rem}.pagination[data-v-c2776ce0]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.pagination-info[data-v-c2776ce0]{color:#7f8c8d;font-size:.95rem}.pagination-buttons[data-v-c2776ce0]{display:flex;gap:.5rem}.pagination-btn[data-v-c2776ce0]{background:#fff;border:1px solid #dce4ec;color:#2c3e50;padding:.5rem 1rem;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .2s}.pagination-btn[data-v-c2776ce0]:hover:not(:disabled){background:#3498db;color:#fff;border-color:#3498db}.pagination-btn.active[data-v-c2776ce0]{background:#3498db;color:#fff;border-color:#3498db}.pagination-btn[data-v-c2776ce0]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-c2776ce0]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-c2776ce0 .2s}.modal-content[data-v-c2776ce0]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp-c2776ce0 .3s}.modal-header[data-v-c2776ce0]{padding:1.5rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:1rem;position:relative}.modal-icon[data-v-c2776ce0]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.modal-icon.success[data-v-c2776ce0]{background:#2ecc711a;color:#27ae60}.modal-icon.danger[data-v-c2776ce0]{background:#e74c3c1a;color:#c0392b}.modal-header h3[data-v-c2776ce0]{font-size:1.2rem;color:#2c3e50;margin:0;flex:1}.close-btn[data-v-c2776ce0]{background:none;border:none;color:#95a5a6;font-size:1.2rem;cursor:pointer;padding:.25rem;transition:color .2s}.close-btn[data-v-c2776ce0]:hover{color:#e74c3c}.modal-body[data-v-c2776ce0]{padding:1.5rem}.loan-summary[data-v-c2776ce0]{background:#f8f9fa;padding:1rem;border-radius:8px;margin:1rem 0}.loan-summary p[data-v-c2776ce0]{margin:.5rem 0;color:#2c3e50}.modal-footer[data-v-c2776ce0]{padding:1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:1rem}.btn-secondary[data-v-c2776ce0],.btn-success[data-v-c2776ce0],.btn-danger[data-v-c2776ce0]{padding:.6rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary[data-v-c2776ce0]{background:#ecf0f1;color:#34495e}.btn-secondary[data-v-c2776ce0]:hover{background:#bdc3c7}.btn-success[data-v-c2776ce0]{background:#27ae60;color:#fff}.btn-success[data-v-c2776ce0]:hover:not(:disabled){background:#2ecc71;transform:translateY(-2px)}.btn-danger[data-v-c2776ce0]{background:#e74c3c;color:#fff}.btn-danger[data-v-c2776ce0]:hover:not(:disabled){background:#c0392b;transform:translateY(-2px)}.warning-note[data-v-c2776ce0]{color:#e67e22;font-size:.9rem;display:flex;align-items:center;gap:.5rem;margin-top:1rem}.toast-notification[data-v-c2776ce0]{position:fixed;bottom:2rem;right:2rem;background:#fff;border-radius:8px;padding:1rem 1.5rem;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.75rem;z-index:3000;animation:slideInRight-c2776ce0 .3s}.toast-notification.success[data-v-c2776ce0]{border-left:4px solid #27ae60}.toast-notification.error[data-v-c2776ce0]{border-left:4px solid #e74c3c}.toast-notification.info[data-v-c2776ce0]{border-left:4px solid #3498db}.toast-notification i[data-v-c2776ce0]{font-size:1.2rem}.toast-notification.success i[data-v-c2776ce0]{color:#27ae60}.toast-notification.error i[data-v-c2776ce0]{color:#e74c3c}.toast-notification.info i[data-v-c2776ce0]{color:#3498db}@keyframes fadeIn-c2776ce0{0%{opacity:0}to{opacity:1}}@keyframes slideUp-c2776ce0{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight-c2776ce0{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.pending-loans-container[data-v-c2776ce0]{padding:1rem}.page-header[data-v-c2776ce0]{flex-direction:column;align-items:flex-start;gap:1rem}.summary-cards[data-v-c2776ce0],.filters-grid[data-v-c2776ce0]{grid-template-columns:1fr}.pagination[data-v-c2776ce0]{flex-direction:column;gap:1rem}.modal-content[data-v-c2776ce0]{width:95%;margin:1rem}}.text-center[data-v-c2776ce0]{text-align:center}.text-muted[data-v-c2776ce0]{color:#95a5a6}.text-danger[data-v-c2776ce0]{color:#e74c3c}.mt-2[data-v-c2776ce0]{margin-top:.5rem}.mb-2[data-v-c2776ce0]{margin-bottom:.5rem}.btn-export[data-v-b6a26f41]{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;background-color:#ecf0f1;color:#34495e;border:none}.summary-card[data-v-b6a26f41]{background:#fff;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a}.summary-value[data-v-b6a26f41]{font-size:1.5rem;font-weight:700;color:#2c3e50}.filters-card[data-v-b6a26f41]{background:#fff;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.filter-badge[data-v-b6a26f41]{background:#e74c3c;color:#fff;padding:.2rem .6rem;border-radius:20px;font-size:.8rem}.form-control[data-v-b6a26f41]{padding:.6rem;border:1px solid #dce4ec;border-radius:6px;font-size:.95rem}.filter-tag[data-v-b6a26f41]{background:#ecf0f1;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.remove-filter[data-v-b6a26f41]{cursor:pointer;color:#95a5a6}.clear-all-btn[data-v-b6a26f41]{background:none;border:none;color:#e74c3c;font-size:.9rem;cursor:pointer;padding:.3rem .8rem;border-radius:20px}.loading-state[data-v-b6a26f41],.error-state[data-v-b6a26f41]{text-align:center;padding:3rem;color:#7f8c8d}.loans-table th[data-v-b6a26f41]{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e9ecef}.main-row[data-v-b6a26f41]{transition:background-color .2s;cursor:pointer}.btn-expand[data-v-b6a26f41]{background:none;border:none;color:#e74c3c;font-size:1rem;cursor:pointer;padding:.25rem}.expanded-details-row td[data-v-b6a26f41]{padding:1.5rem!important;background-color:#fff8f8;border-top:2px solid #e74c3c}.detail-item[data-v-b6a26f41]{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:8px}.detail-label[data-v-b6a26f41]{font-size:.8rem;color:#7f8c8d;font-weight:500;text-transform:uppercase;display:flex;align-items:center;gap:.3rem}.penalty-date[data-v-b6a26f41]{color:#7f8c8d}.paid[data-v-b6a26f41]{color:#27ae60}.overdue-mild[data-v-b6a26f41]{color:#f39c12}.overdue-moderate[data-v-b6a26f41]{color:#e67e22}.overdue-severe[data-v-b6a26f41]{color:#e74c3c}.overdue-critical[data-v-b6a26f41]{color:#c0392b}.stat-value[data-v-b6a26f41]{font-size:1.1rem;font-weight:600}.overdue-stat[data-v-b6a26f41]{color:#e74c3c}.progress-bar[data-v-b6a26f41]{background:linear-gradient(90deg,#27ae60,#2ecc71);height:100%;transition:width .3s}.action-menu-btn[data-v-b6a26f41]{background:none;border:none;color:#7f8c8d;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem}.action-menu[data-v-b6a26f41]{position:absolute;right:0;top:100%;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1000;margin-top:.5rem}.action-menu-item[data-v-b6a26f41]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#2c3e50;text-decoration:none;font-size:.95rem;cursor:pointer;width:100%;text-align:left;background:none;border:none}.pagination-btn[data-v-b6a26f41]{background:#fff;border:1px solid #dce4ec;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.modal-overlay[data-v-b6a26f41]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content[data-v-b6a26f41]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-b6a26f41]{padding:1.5rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:1rem}.modal-icon[data-v-b6a26f41]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-header h3[data-v-b6a26f41]{flex:1;margin:0}.close-btn[data-v-b6a26f41]{background:none;border:none;font-size:1.2rem;cursor:pointer}.btn-secondary[data-v-b6a26f41]{background:#ecf0f1;padding:.6rem 1.5rem;border-radius:6px;border:none;cursor:pointer}.btn-info[data-v-b6a26f41]{background:#3498db;color:#fff;padding:.6rem 1.5rem;border-radius:6px;border:none;cursor:pointer}.btn-success[data-v-b6a26f41]{background:#27ae60;color:#fff;padding:.6rem 1.5rem;border-radius:6px;border:none;cursor:pointer}.toast-notification[data-v-b6a26f41]{position:fixed;bottom:2rem;right:2rem;background:#fff;border-radius:8px;padding:1rem 1.5rem;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.75rem;z-index:3000}@media(max-width:768px){.summary-cards[data-v-b6a26f41]{grid-template-columns:1fr}.schedule-stats[data-v-b6a26f41]{flex-direction:column}}.overdue-loans-container[data-v-b6a26f41]{max-width:1400px;margin:0 auto}.page-header[data-v-b6a26f41]{display:flex;justify-content:space-between;align-items:center;margin-bottom:0rem}.header-left h1[data-v-b6a26f41]{font-size:1.8rem;color:#2c3e50;margin-bottom:.5rem}.loan-count[data-v-b6a26f41]{color:#7f8c8d;font-size:1rem}.loan-count strong[data-v-b6a26f41]{color:#e74c3c;font-weight:600}.header-actions[data-v-b6a26f41]{display:flex;gap:1rem}.btn-export[data-v-b6a26f41],.btn-primary[data-v-b6a26f41]{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-export[data-v-b6a26f41]{background-color:#ecf0f1;color:#34495e}.btn-export[data-v-b6a26f41]:hover:not(:disabled){background-color:#bdc3c7}.summary-cards[data-v-b6a26f41]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card[data-v-b6a26f41]{background:#fff;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.summary-card[data-v-b6a26f41]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.summary-icon[data-v-b6a26f41]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.summary-details[data-v-b6a26f41]{display:flex;flex-direction:column}.summary-value[data-v-b6a26f41]{font-size:1.5rem;font-weight:700;color:#2c3e50;line-height:1.2}.summary-label[data-v-b6a26f41]{font-size:.9rem;color:#7f8c8d}.filters-card[data-v-b6a26f41]{background:#fff;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;overflow:hidden}.filters-header[data-v-b6a26f41]{padding:1rem 1.5rem;background:#f8f9fa;display:flex;align-items:center;gap:.75rem;cursor:pointer;border-bottom:1px solid #e9ecef}.filters-header h3[data-v-b6a26f41]{font-size:1rem;font-weight:600;color:#2c3e50;margin:0}.filter-badge[data-v-b6a26f41]{background:#e74c3c;color:#fff;padding:.2rem .6rem;border-radius:20px;font-size:.8rem;font-weight:500}.filters-header i[data-v-b6a26f41]:last-child{margin-left:auto;transition:transform .3s}.filters-header i.rotated[data-v-b6a26f41]{transform:rotate(180deg)}.filters-body[data-v-b6a26f41]{padding:1.5rem}.filters-grid[data-v-b6a26f41]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group[data-v-b6a26f41]{display:flex;flex-direction:column;gap:.5rem}.filter-group label[data-v-b6a26f41]{font-size:.9rem;color:#34495e;font-weight:500;display:flex;align-items:center;gap:.5rem}.form-control[data-v-b6a26f41]{padding:.6rem;border:1px solid #dce4ec;border-radius:6px;font-size:.95rem;transition:all .2s}.form-control[data-v-b6a26f41]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.active-filters[data-v-b6a26f41]{padding-top:1rem;border-top:1px solid #e9ecef}.active-filters-label[data-v-b6a26f41]{font-size:.9rem;color:#7f8c8d;margin-right:1rem}.filter-tags[data-v-b6a26f41]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.filter-tag[data-v-b6a26f41]{background:#ecf0f1;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;color:#2c3e50;display:inline-flex;align-items:center;gap:.5rem}.remove-filter[data-v-b6a26f41]{cursor:pointer;color:#95a5a6;transition:color .2s}.remove-filter[data-v-b6a26f41]:hover{color:#e74c3c}.clear-all-btn[data-v-b6a26f41]{background:none;border:none;color:#e74c3c;font-size:.9rem;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;padding:.3rem .8rem;border-radius:20px;transition:all .2s}.clear-all-btn[data-v-b6a26f41]:hover{background:#fee}.loading-state[data-v-b6a26f41]{text-align:center;padding:3rem;color:#7f8c8d}.spinner[data-v-b6a26f41]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin-b6a26f41 1s linear infinite;margin:0 auto 1rem}@keyframes spin-b6a26f41{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-b6a26f41]{text-align:center;padding:3rem;color:#e74c3c}.error-state i[data-v-b6a26f41]{font-size:3rem;margin-bottom:1rem}.error-state h3[data-v-b6a26f41]{font-size:1.2rem;margin-bottom:.5rem}.error-state p[data-v-b6a26f41]{color:#7f8c8d;margin-bottom:1.5rem}.btn-retry[data-v-b6a26f41]{background:#3498db;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-retry[data-v-b6a26f41]:hover{background:#2980b9}.table-card[data-v-b6a26f41]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-responsive[data-v-b6a26f41]{overflow-x:auto}.loans-table[data-v-b6a26f41]{width:100%;border-collapse:collapse;font-size:.9rem}.loans-table th[data-v-b6a26f41]{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e9ecef;white-space:nowrap}.loans-table td[data-v-b6a26f41]{padding:1rem 0rem 0rem;border-bottom:1px solid #e9ecef;color:#34495e}.main-row[data-v-b6a26f41]{transition:background-color .2s}.main-row[data-v-b6a26f41]:hover{background-color:#fff5f5}.main-row.overdue[data-v-b6a26f41]{border-left:3px solid #e74c3c}.main-row.expanded[data-v-b6a26f41]{background-color:#fff0f0;border-bottom:none}.main-row.expanded td[data-v-b6a26f41]{border-bottom:none}.btn-expand[data-v-b6a26f41]{background:none;border:none;color:#e74c3c;font-size:1.3rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-expand[data-v-b6a26f41]:hover{color:#c0392b;background-color:#e74c3c1a;transform:scale(1.1)}.expanded-details-row[data-v-b6a26f41]{background-color:#fff8f8;animation:slideDown-b6a26f41 .2s ease-out}.expanded-details-row td[data-v-b6a26f41]{padding:1.5rem!important;background-color:#fff8f8;border-top:2px solid #e74c3c;border-bottom:2px solid #e9ecef}.expanded-details[data-v-b6a26f41]{width:100%}.details-grid[data-v-b6a26f41]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.detail-item[data-v-b6a26f41]{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:8px;transition:background-color .2s}.detail-item.full-width[data-v-b6a26f41]{grid-column:1 / -1}.detail-item[data-v-b6a26f41]:hover{background-color:#e74c3c0d}.detail-label[data-v-b6a26f41]{font-size:.8rem;color:#7f8c8d;font-weight:500;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:.3rem}.detail-label i[data-v-b6a26f41]{font-size:.9rem;color:#e74c3c}.detail-value[data-v-b6a26f41]{font-size:1.1rem;font-weight:600;color:#2c3e50}.detail-value.penalty[data-v-b6a26f41]{color:#e74c3c}.payment-schedule-summary[data-v-b6a26f41]{width:100%}.schedule-stats[data-v-b6a26f41]{display:flex;gap:2rem;margin-bottom:1rem}.stat[data-v-b6a26f41]{display:flex;gap:.5rem;align-items:baseline}.stat-label[data-v-b6a26f41]{font-size:.85rem;color:#7f8c8d}.stat-value[data-v-b6a26f41]{font-size:1.1rem;font-weight:600;color:#2c3e50}.stat-value.overdue-stat[data-v-b6a26f41]{color:#e74c3c}.progress-bar-container[data-v-b6a26f41]{background-color:#ecf0f1;border-radius:10px;height:8px;overflow:hidden}.progress-bar[data-v-b6a26f41]{background:linear-gradient(90deg,#27ae60,#2ecc71);height:100%;border-radius:10px;transition:width .3s ease}.balance[data-v-b6a26f41]{font-weight:600;color:#e74c3c}.balance.negative-balance[data-v-b6a26f41]{color:#27ae60}.paid[data-v-b6a26f41]{color:#27ae60;font-weight:500}.overdue-info[data-v-b6a26f41]{display:flex;align-items:center}.overdue-days[data-v-b6a26f41]{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .8rem;border-radius:20px;font-weight:600;font-size:.85rem}.overdue-days i[data-v-b6a26f41]{font-size:.8rem}.overdue-mild[data-v-b6a26f41]{background-color:#fff3e0;color:#f39c12}.overdue-moderate[data-v-b6a26f41]{background-color:#ffe0e0;color:#e67e22}.overdue-severe[data-v-b6a26f41]{background-color:#fcc;color:#e74c3c}.overdue-critical[data-v-b6a26f41]{background-color:#f99;color:#c0392b}.penalty-amount[data-v-b6a26f41]{color:#e74c3c;font-weight:600}.no-penalty[data-v-b6a26f41]{color:#95a5a6}.customer-cell[data-v-b6a26f41]{display:flex;align-items:center;gap:.75rem}.customer-avatar[data-v-b6a26f41]{width:35px;height:35px;border-radius:50%;object-fit:cover}.customer-info[data-v-b6a26f41]{display:flex;flex-direction:column}.customer-name[data-v-b6a26f41]{font-weight:500;color:#2c3e50}.customer-phone[data-v-b6a26f41]{font-size:.85rem;color:#7f8c8d}.amount[data-v-b6a26f41],.total[data-v-b6a26f41]{font-weight:600;color:#2c3e50}.duration[data-v-b6a26f41]{color:#34495e}.action-dropdown[data-v-b6a26f41]{position:relative}.action-menu-btn[data-v-b6a26f41]{background:none;border:none;color:#7f8c8d;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.action-menu-btn[data-v-b6a26f41]:hover{background-color:#ecf0f1;color:#2c3e50}.action-menu[data-v-b6a26f41]{position:absolute;right:0;top:100%;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;margin-top:.5rem;overflow:hidden}.action-menu-item[data-v-b6a26f41]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#2c3e50;text-decoration:none;font-size:.95rem;transition:all .2s;width:100%;text-align:left;background:none;border:none;cursor:pointer}.action-menu-item[data-v-b6a26f41]:hover{background-color:#f8f9fa}.action-menu-divider[data-v-b6a26f41]{height:1px;background-color:#e9ecef;margin:.25rem 0}@keyframes slideDown-b6a26f41{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.empty-state-small[data-v-b6a26f41]{text-align:center;padding:3rem;color:#bdc3c7}.empty-state-small i[data-v-b6a26f41]{font-size:3rem;margin-bottom:1rem}.pagination[data-v-b6a26f41]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.pagination-info[data-v-b6a26f41]{color:#7f8c8d;font-size:.95rem}.pagination-buttons[data-v-b6a26f41]{display:flex;gap:.5rem}.pagination-btn[data-v-b6a26f41]{background:#fff;border:1px solid #dce4ec;color:#2c3e50;padding:.5rem 1rem;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .2s}.pagination-btn[data-v-b6a26f41]:hover:not(:disabled){background:#e74c3c;color:#fff;border-color:#e74c3c}.pagination-btn.active[data-v-b6a26f41]{background:#e74c3c;color:#fff;border-color:#e74c3c}.pagination-btn[data-v-b6a26f41]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-b6a26f41]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-b6a26f41 .2s}.modal-content[data-v-b6a26f41]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp-b6a26f41 .3s}.modal-header[data-v-b6a26f41]{padding:1.5rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:1rem;position:relative}.modal-icon[data-v-b6a26f41]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.modal-icon.success[data-v-b6a26f41]{background:#2ecc711a;color:#27ae60}.modal-icon.danger[data-v-b6a26f41]{background:#e74c3c1a;color:#c0392b}.modal-icon.info[data-v-b6a26f41]{background:#3498db1a;color:#3498db}.modal-header h3[data-v-b6a26f41]{font-size:1.2rem;color:#2c3e50;margin:0;flex:1}.close-btn[data-v-b6a26f41]{background:none;border:none;color:#95a5a6;font-size:1.2rem;cursor:pointer;padding:.25rem;transition:color .2s}.close-btn[data-v-b6a26f41]:hover{color:#e74c3c}.modal-body[data-v-b6a26f41]{padding:1.5rem}.loan-summary[data-v-b6a26f41]{background:#f8f9fa;padding:1rem;border-radius:8px;margin:1rem 0}.loan-summary p[data-v-b6a26f41]{margin:.5rem 0;color:#2c3e50}.modal-footer[data-v-b6a26f41]{padding:1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:1rem}.btn-secondary[data-v-b6a26f41],.btn-success[data-v-b6a26f41],.btn-danger[data-v-b6a26f41],.btn-info[data-v-b6a26f41]{padding:.6rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary[data-v-b6a26f41]{background:#ecf0f1;color:#34495e}.btn-secondary[data-v-b6a26f41]:hover{background:#bdc3c7}.btn-success[data-v-b6a26f41]{background:#27ae60;color:#fff}.btn-success[data-v-b6a26f41]:hover:not(:disabled){background:#2ecc71;transform:translateY(-2px)}.btn-danger[data-v-b6a26f41]{background:#e74c3c;color:#fff}.btn-danger[data-v-b6a26f41]:hover:not(:disabled){background:#c0392b;transform:translateY(-2px)}.btn-info[data-v-b6a26f41]{background:#3498db;color:#fff}.btn-info[data-v-b6a26f41]:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.toast-notification[data-v-b6a26f41]{position:fixed;bottom:2rem;right:2rem;background:#fff;border-radius:8px;padding:1rem 1.5rem;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.75rem;z-index:3000;animation:slideInRight-b6a26f41 .3s}.toast-notification.success[data-v-b6a26f41]{border-left:4px solid #27ae60}.toast-notification.error[data-v-b6a26f41]{border-left:4px solid #e74c3c}.toast-notification.info[data-v-b6a26f41]{border-left:4px solid #3498db}.toast-notification i[data-v-b6a26f41]{font-size:1.2rem}.toast-notification.success i[data-v-b6a26f41]{color:#27ae60}.toast-notification.error i[data-v-b6a26f41]{color:#e74c3c}.toast-notification.info i[data-v-b6a26f41]{color:#3498db}@keyframes fadeIn-b6a26f41{0%{opacity:0}to{opacity:1}}@keyframes slideUp-b6a26f41{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight-b6a26f41{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.overdue-loans-container[data-v-b6a26f41]{padding:1rem}.page-header[data-v-b6a26f41]{flex-direction:column;align-items:flex-start;gap:1rem}.summary-cards[data-v-b6a26f41],.filters-grid[data-v-b6a26f41]{grid-template-columns:1fr}.pagination[data-v-b6a26f41]{flex-direction:column;gap:1rem}.modal-content[data-v-b6a26f41]{width:95%;margin:1rem}.schedule-stats[data-v-b6a26f41]{flex-direction:column;gap:.5rem}}.text-center[data-v-b6a26f41]{text-align:center}.text-muted[data-v-b6a26f41]{color:#95a5a6}.text-danger[data-v-b6a26f41]{color:#e74c3c}.payment-list-container[data-v-0f15110f]{padding:20px;max-width:1400px;margin:0 auto}.page-header[data-v-0f15110f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.header-left h1[data-v-0f15110f]{font-size:2rem;color:#1a2639;margin:0 0 5px;font-weight:600}.payment-count[data-v-0f15110f]{color:#666;margin:0;font-size:.95rem}.header-actions[data-v-0f15110f]{display:flex;gap:10px;flex-wrap:wrap}.btn-primary[data-v-0f15110f],.btn-export[data-v-0f15110f],.btn-filter-toggle[data-v-0f15110f]{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .3s;border:none;position:relative}.btn-primary[data-v-0f15110f]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 10px #3498db4d}.btn-primary[data-v-0f15110f]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3498db66}.btn-export[data-v-0f15110f]{background:#fff;color:#27ae60;border:1px solid #27ae60}.btn-export[data-v-0f15110f]:hover{background:#27ae60;color:#fff}.btn-filter-toggle[data-v-0f15110f]{background:#fff;color:#666;border:1px solid #eef2f6}.btn-filter-toggle[data-v-0f15110f]:hover,.btn-filter-toggle.active[data-v-0f15110f]{background:#f8fafc;color:#3498db;border-color:#3498db}.filter-badge[data-v-0f15110f]{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.filters-panel[data-v-0f15110f]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;animation:slideDown-0f15110f .3s ease}@keyframes slideDown-0f15110f{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-grid[data-v-0f15110f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.filter-group[data-v-0f15110f]{display:flex;flex-direction:column}.filter-group label[data-v-0f15110f]{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#666;margin-bottom:5px}.filter-group label i[data-v-0f15110f]{color:#3498db;font-size:.9rem}.form-control[data-v-0f15110f]{width:100%;padding:10px 12px;border:2px solid #eef2f6;border-radius:8px;font-size:.95rem;transition:all .3s;background:#f8fafc}.form-control[data-v-0f15110f]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.active-filters[data-v-0f15110f]{padding-top:15px;border-top:1px solid #eef2f6;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.active-filters-label[data-v-0f15110f]{display:flex;align-items:center;gap:5px;color:#666;font-size:.9rem}.filter-tags[data-v-0f15110f]{display:flex;gap:10px;flex-wrap:wrap;flex:1}.filter-tag[data-v-0f15110f]{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;background:#e3f2fd;color:#1976d2;border-radius:20px;font-size:.85rem}.remove-filter[data-v-0f15110f]{cursor:pointer;padding:2px}.remove-filter[data-v-0f15110f]:hover{color:#e74c3c}.clear-all-btn[data-v-0f15110f]{background:none;border:none;color:#e74c3c;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:5px 10px}.clear-all-btn[data-v-0f15110f]:hover{text-decoration:underline}.stats-cards[data-v-0f15110f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.stat-card[data-v-0f15110f]{background:#fff;border-radius:10px;padding:10px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 5px #0000000d;border:1px solid #eef2f6;transition:all .3s}.stat-card[data-v-0f15110f]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.stat-icon[data-v-0f15110f]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.stat-details[data-v-0f15110f]{flex:1}.stat-value[data-v-0f15110f]{display:block;font-size:1.3rem;font-weight:700;color:#1a2639;line-height:1.2}.stat-label[data-v-0f15110f]{display:block;font-size:.8rem;color:#666}.stat-sub[data-v-0f15110f]{display:block;font-size:.7rem;color:#999;margin-top:2px}.summary-cards[data-v-0f15110f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.summary-card[data-v-0f15110f]{background:#fff;border-radius:10px;padding:14px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 5px #0000000d;border:1px solid #eef2f6}.summary-card.total[data-v-0f15110f]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.summary-card.cash[data-v-0f15110f]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.summary-card.bank[data-v-0f15110f]{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.summary-card.mobile[data-v-0f15110f]{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.summary-icon[data-v-0f15110f]{width:50px;height:50px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.summary-content[data-v-0f15110f]{display:flex;flex-direction:column}.summary-label[data-v-0f15110f]{font-size:.85rem;opacity:.9;margin-bottom:5px}.summary-value[data-v-0f15110f]{font-size:1.2rem;font-weight:700}.loading-state[data-v-0f15110f]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.spinner[data-v-0f15110f]{display:inline-block;width:40px;height:40px;border:3px solid #eef2f6;border-top-color:#3498db;border-radius:50%;animation:spin-0f15110f 1s linear infinite;margin-bottom:15px}@keyframes spin-0f15110f{to{transform:rotate(360deg)}}.error-state[data-v-0f15110f]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.error-state i[data-v-0f15110f]{font-size:3rem;color:#e74c3c;margin-bottom:15px}.error-state h3[data-v-0f15110f]{color:#333;margin-bottom:10px}.error-state p[data-v-0f15110f]{color:#666;margin-bottom:20px}.btn-retry[data-v-0f15110f]{padding:10px 25px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.empty-state[data-v-0f15110f]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.empty-illustration[data-v-0f15110f]{position:relative;display:inline-block;margin-bottom:20px}.empty-illustration i[data-v-0f15110f]:first-child{font-size:4rem;color:#cbd5e0}.empty-illustration i[data-v-0f15110f]:last-child{position:absolute;bottom:0;right:-10px;font-size:2rem;color:#e74c3c;background:#fff;border-radius:50%;padding:5px}.empty-state h3[data-v-0f15110f]{color:#333;margin-bottom:10px}.empty-state p[data-v-0f15110f]{color:#666;margin-bottom:25px;max-width:400px;margin-left:auto;margin-right:auto}.empty-actions[data-v-0f15110f]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-secondary[data-v-0f15110f]{padding:10px 25px;background:#f8fafc;color:#666;border:1px solid #eef2f6;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-secondary[data-v-0f15110f]:hover{background:#eef2f6}.table-card[data-v-0f15110f]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;overflow:hidden}.table-responsive[data-v-0f15110f]{overflow-x:auto;margin:0 -20px;padding:0 20px}.payments-table[data-v-0f15110f]{width:100%;border-collapse:collapse;white-space:nowrap}.payments-table th[data-v-0f15110f]{text-align:left;padding:15px 10px;background:#f8fafc;color:#1a2639;font-weight:600;font-size:.9rem;border-bottom:2px solid #eef2f6}.payments-table td[data-v-0f15110f]{border-bottom:1px solid #eef2f6;color:#666}.checkbox-col[data-v-0f15110f]{width:40px;text-align:center}.payments-table tbody tr[data-v-0f15110f]:hover{background:#f8fafc}.payments-table tbody tr.row-selected[data-v-0f15110f]{background:#e3f2fd}.payment-number[data-v-0f15110f]{font-weight:600;color:#333;font-family:monospace}.customer-cell[data-v-0f15110f]{display:flex;align-items:center;gap:10px;cursor:pointer}.customer-avatar[data-v-0f15110f]{width:35px;height:35px;border-radius:50%;object-fit:cover}.customer-name[data-v-0f15110f]{font-weight:500;color:#333;font-size:.9rem}.customer-phone[data-v-0f15110f]{font-size:.8rem;color:#999}.loan-link[data-v-0f15110f]{color:#3498db;text-decoration:none;font-weight:500}.loan-link[data-v-0f15110f]:hover{text-decoration:underline}.amount[data-v-0f15110f]{font-weight:600;color:#27ae60}.badge[data-v-0f15110f]{display:inline-block;padding:4px 8px;border-radius:20px;font-size:.8rem;font-weight:500;text-align:center;min-width:70px}.badge.partial[data-v-0f15110f]{background:#fff3cd;color:#856404}.badge.full[data-v-0f15110f]{background:#d4edda;color:#155724}.badge.penalty[data-v-0f15110f]{background:#f8d7da;color:#721c24}.badge.verified[data-v-0f15110f]{background:#d4edda;color:#155724}.badge.unverified[data-v-0f15110f]{background:#f8d7da;color:#721c24}.payment-method[data-v-0f15110f]{display:flex;align-items:center;gap:5px;font-size:.9rem}.payment-method i[data-v-0f15110f]{color:#3498db;width:16px}.transaction-ref[data-v-0f15110f]{margin-top:3px;font-size:.75rem;color:#999}.date-info[data-v-0f15110f]{display:flex;flex-direction:column;gap:2px}.date[data-v-0f15110f]{font-size:.9rem;color:#333}.time[data-v-0f15110f]{font-size:.75rem;color:#999}.verification-status[data-v-0f15110f]{display:flex;flex-direction:column;gap:3px}.verifier[data-v-0f15110f]{font-size:.75rem;color:#999}.recorder-info[data-v-0f15110f]{display:flex;flex-direction:column;gap:2px}.recorder-name[data-v-0f15110f]{font-size:.9rem;color:#333}.recorder-time[data-v-0f15110f]{font-size:.7rem;color:#999}.action-dropdown[data-v-0f15110f]{position:relative;display:inline-block}.action-menu-btn[data-v-0f15110f]{width:32px;height:32px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.action-menu-btn[data-v-0f15110f]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.action-menu[data-v-0f15110f]{position:absolute;top:100%;right:0;width:200px;background:#fff;border-radius:8px;box-shadow:0 5px 25px #00000026;margin-top:5px;z-index:1000;overflow:hidden;animation:slideDown-0f15110f .2s ease}.action-menu-item[data-v-0f15110f]{display:flex;align-items:center;gap:12px;padding:12px 15px;color:#333;text-decoration:none;transition:background .3s;width:100%;border:none;background:none;cursor:pointer;font-size:.9rem;text-align:left}.action-menu-item[data-v-0f15110f]:hover{background:#f8fafc}.action-menu-item i[data-v-0f15110f]{width:18px;color:#666}.action-menu-item.success[data-v-0f15110f]:hover,.action-menu-item.success:hover i[data-v-0f15110f]{color:#27ae60}.action-menu-item.warning[data-v-0f15110f]:hover,.action-menu-item.warning:hover i[data-v-0f15110f]{color:#f39c12}.action-menu-item.danger[data-v-0f15110f]:hover,.action-menu-item.danger:hover i[data-v-0f15110f]{color:#e74c3c}.action-menu-divider[data-v-0f15110f]{height:1px;background:#eef2f6;margin:5px 0}.bulk-actions[data-v-0f15110f]{margin-top:20px;padding:15px;background:#e3f2fd;border-radius:8px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;animation:slideDown-0f15110f .3s ease}.bulk-info[data-v-0f15110f]{display:flex;align-items:center;gap:8px;color:#1976d2}.bulk-info i[data-v-0f15110f]{font-size:1.2rem}.bulk-buttons[data-v-0f15110f]{display:flex;gap:10px;flex-wrap:wrap}.btn-bulk[data-v-0f15110f]{padding:8px 15px;border-radius:6px;border:none;background:#fff;color:#666;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:.9rem;transition:all .3s}.btn-bulk[data-v-0f15110f]:hover:not(:disabled){background:#f8fafc;color:#333}.btn-bulk[data-v-0f15110f]:disabled{opacity:.5;cursor:not-allowed}.btn-bulk.text-danger[data-v-0f15110f]:hover:not(:disabled){background:#fee;color:#e74c3c}.pagination[data-v-0f15110f]{margin-top:25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.pagination-info[data-v-0f15110f]{color:#666;font-size:.9rem}.pagination-buttons[data-v-0f15110f]{display:flex;gap:5px;flex-wrap:wrap}.pagination-btn[data-v-0f15110f]{min-width:35px;height:35px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s}.pagination-btn[data-v-0f15110f]:hover:not(:disabled){background:#f8fafc;color:#3498db;border-color:#3498db}.pagination-btn.active[data-v-0f15110f]{background:#3498db;color:#fff;border-color:#3498db}.pagination-btn[data-v-0f15110f]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-0f15110f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-0f15110f .3s ease}@keyframes fadeIn-0f15110f{0%{opacity:0}to{opacity:1}}.modal-content[data-v-0f15110f]{background:#fff;border-radius:15px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp-0f15110f .3s ease}.modal-content.large-modal[data-v-0f15110f]{max-width:900px}@keyframes slideUp-0f15110f{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-0f15110f]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:15px}.modal-icon[data-v-0f15110f]{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.modal-icon.success[data-v-0f15110f]{background:#d4edda;color:#27ae60}.modal-icon.danger[data-v-0f15110f]{background:#f8d7da;color:#e74c3c}.modal-icon.warning[data-v-0f15110f]{background:#fff3cd;color:#f39c12}.modal-header h3[data-v-0f15110f]{flex:1;margin:0;color:#333}.close-btn[data-v-0f15110f]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:5px}.close-btn[data-v-0f15110f]:hover{color:#666}.modal-body[data-v-0f15110f]{padding:25px}.payment-details-grid[data-v-0f15110f]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-section[data-v-0f15110f]{background:#f8fafc;border-radius:8px;padding:15px}.detail-section.full-width[data-v-0f15110f]{grid-column:span 2}.detail-section h4[data-v-0f15110f]{margin:0 0 15px;color:#333;font-size:1rem;padding-bottom:8px;border-bottom:1px solid #eef2f6}.detail-row[data-v-0f15110f]{display:flex;margin-bottom:8px}.detail-label[data-v-0f15110f]{width:120px;color:#666;font-size:.9rem}.detail-value[data-v-0f15110f]{flex:1;color:#333;font-weight:500}.detail-value.large[data-v-0f15110f]{font-size:1.2rem;color:#27ae60}.detail-value a[data-v-0f15110f]{color:#3498db;text-decoration:none}.detail-value a[data-v-0f15110f]:hover{text-decoration:underline}.notes-text[data-v-0f15110f]{margin:0;color:#666;line-height:1.6}.payment-summary[data-v-0f15110f]{background:#f8fafc;border-radius:8px;padding:15px;margin:15px 0}.payment-summary p[data-v-0f15110f]{margin:5px 0;color:#333}.selected-list[data-v-0f15110f]{margin:15px 0;max-height:150px;overflow-y:auto;border:1px solid #eef2f6;border-radius:8px}.selected-item[data-v-0f15110f]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #eef2f6}.selected-item[data-v-0f15110f]:last-child{border-bottom:none}.selected-item i[data-v-0f15110f]{color:#3498db}.more-items[data-v-0f15110f]{padding:8px 12px;color:#999;font-style:italic}.warning-note[data-v-0f15110f]{display:flex;align-items:center;gap:8px;color:#f39c12;font-size:.9rem;margin-top:15px;padding:10px;background:#fff3cd;border-radius:8px}.form-group[data-v-0f15110f]{margin-bottom:15px}.form-group.required label[data-v-0f15110f]:after{content:"*";color:#e74c3c;margin-left:4px}.form-group label[data-v-0f15110f]{display:block;margin-bottom:5px;color:#333;font-weight:500;font-size:.9rem}.modal-footer[data-v-0f15110f]{padding:20px 25px;border-top:1px solid #eef2f6;display:flex;justify-content:flex-end;gap:10px}.btn-warning[data-v-0f15110f]{padding:10px 20px;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-warning[data-v-0f15110f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #f39c124d}.btn-danger[data-v-0f15110f]{padding:10px 20px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-danger[data-v-0f15110f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c4d}.btn-warning[data-v-0f15110f]:disabled,.btn-danger[data-v-0f15110f]:disabled{opacity:.6;cursor:not-allowed}.toast-notification[data-v-0f15110f]{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:12px;animation:slideInRight-0f15110f .3s ease;z-index:2100;border-left:4px solid}.toast-notification.success[data-v-0f15110f]{border-left-color:#27ae60}.toast-notification.error[data-v-0f15110f]{border-left-color:#e74c3c}.toast-notification.info[data-v-0f15110f]{border-left-color:#3498db}.toast-notification i[data-v-0f15110f]{font-size:1.2rem}.toast-notification.success i[data-v-0f15110f]{color:#27ae60}.toast-notification.error i[data-v-0f15110f]{color:#e74c3c}.toast-notification.info i[data-v-0f15110f]{color:#3498db}@keyframes slideInRight-0f15110f{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.payment-list-container[data-v-0f15110f]{padding:15px}.page-header[data-v-0f15110f]{flex-direction:column;align-items:flex-start}.header-actions[data-v-0f15110f]{width:100%}.btn-primary[data-v-0f15110f],.btn-export[data-v-0f15110f],.btn-filter-toggle[data-v-0f15110f]{flex:1;justify-content:center}.filters-grid[data-v-0f15110f]{grid-template-columns:1fr}.stats-cards[data-v-0f15110f],.summary-cards[data-v-0f15110f]{grid-template-columns:1fr 1fr}.payment-details-grid[data-v-0f15110f]{grid-template-columns:1fr}.detail-section.full-width[data-v-0f15110f]{grid-column:span 1}.detail-row[data-v-0f15110f]{flex-direction:column;gap:5px}.detail-label[data-v-0f15110f]{width:auto}.bulk-actions[data-v-0f15110f]{flex-direction:column;align-items:flex-start}.bulk-buttons[data-v-0f15110f]{width:100%}.btn-bulk[data-v-0f15110f]{flex:1;justify-content:center}.pagination[data-v-0f15110f]{flex-direction:column;align-items:flex-start}.pagination-buttons[data-v-0f15110f]{width:100%;justify-content:center}.modal-footer[data-v-0f15110f]{flex-direction:column}.btn-primary[data-v-0f15110f],.btn-secondary[data-v-0f15110f],.btn-warning[data-v-0f15110f],.btn-danger[data-v-0f15110f]{width:100%;justify-content:center}.toast-notification[data-v-0f15110f]{left:20px;right:20px;bottom:20px}}@media(max-width:480px){.stats-cards[data-v-0f15110f],.summary-cards[data-v-0f15110f]{grid-template-columns:1fr}.action-buttons[data-v-0f15110f]{flex-direction:column}.btn-icon[data-v-0f15110f]{width:100%}}.customer-cell[data-v-0f15110f]{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 4px;border-radius:8px;transition:background-color .2s}.customer-cell[data-v-0f15110f]:hover{background-color:#f5f5f5}.customer-avatar[data-v-0f15110f]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e0e0e0}.customer-info[data-v-0f15110f]{display:flex;flex-direction:column}.customer-name[data-v-0f15110f]{font-weight:600;color:#333;font-size:14px}.customer-phone[data-v-0f15110f]{font-size:12px;color:#666;margin-top:2px}.customer-detail-card[data-v-0f15110f]{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f8f9fa;border-radius:12px;margin-top:8px}.customer-detail-avatar[data-v-0f15110f]{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px #0000001a}.customer-detail-info[data-v-0f15110f]{display:flex;flex-direction:column}.customer-detail-name[data-v-0f15110f]{font-size:18px;font-weight:600;color:#333}.customer-detail-phone[data-v-0f15110f]{font-size:14px;color:#666;margin:4px 0}.customer-detail-link[data-v-0f15110f]{font-size:13px;color:#3498db;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.customer-detail-link[data-v-0f15110f]:hover{text-decoration:underline}.no-customer[data-v-0f15110f]{padding:20px;text-align:center;color:#999;background-color:#f8f9fa;border-radius:8px;margin-top:8px}.record-payment-container[data-v-303719c0]{padding:20px;max-width:1000px;margin:0 auto;min-height:100vh}.debug-panel[data-v-303719c0]{position:fixed;bottom:20px;right:20px;width:500px;max-width:90vw;background:#1a1a2e;color:#0f0;border-radius:8px;z-index:9999;font-family:monospace;font-size:12px;box-shadow:0 4px 15px #0000004d}.debug-header[data-v-303719c0]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#16213e;border-bottom:1px solid #0f3460;cursor:move}.debug-header h4[data-v-303719c0]{margin:0;color:#e94560}.debug-close[data-v-303719c0]{background:none;border:none;color:#fff;cursor:pointer;font-size:18px}.debug-content[data-v-303719c0]{padding:15px;max-height:400px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.debug-content div[data-v-303719c0]{margin-bottom:8px;border-bottom:1px solid #333;padding-bottom:5px}.page-header[data-v-303719c0]{margin-bottom:25px}.header-left[data-v-303719c0]{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.back-btn[data-v-303719c0]{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#fff;border:1px solid #eef2f6;border-radius:8px;color:#666;text-decoration:none;transition:all .3s}.back-btn[data-v-303719c0]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.header-left h1[data-v-303719c0]{font-size:2rem;color:#1a2639;margin:0}.error-summary[data-v-303719c0]{background:#fee;border:1px solid #fcc;border-radius:10px;padding:15px 20px;margin-bottom:25px;display:flex;align-items:flex-start;gap:15px}.error-summary i[data-v-303719c0]{color:#e74c3c;font-size:1.5rem}.error-content h4[data-v-303719c0]{color:#e74c3c;margin:0 0 10px;font-size:1rem}.error-content ul[data-v-303719c0]{margin:0;padding-left:20px;color:#666}.loan-selector[data-v-303719c0]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.selector-header[data-v-303719c0]{text-align:center;margin-bottom:25px}.selector-header i[data-v-303719c0]{font-size:3rem;color:#3498db;margin-bottom:10px}.selector-header h3[data-v-303719c0]{font-size:1.5rem;color:#333;margin:0 0 5px}.selector-header p[data-v-303719c0]{color:#666;margin:0}.search-box[data-v-303719c0]{position:relative;margin-bottom:25px}.search-icon[data-v-303719c0]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999;z-index:1}.search-input[data-v-303719c0]{width:80%;padding:12px 15px 12px 45px;border:2px solid #eef2f6;border-radius:8px;font-size:1rem;transition:all .3s;background:#f8fafc}.search-input[data-v-303719c0]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.loans-list[data-v-303719c0]{display:flex;flex-direction:column;gap:15px;overflow-y:auto;padding-right:5px}.loan-card[data-v-303719c0]{background:#f8fafc;border:1px solid #eef2f6;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s}.loan-card[data-v-303719c0]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a;border-color:#3498db}.loan-card-header[data-v-303719c0]{padding:12px 15px;background:#fff;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;align-items:center}.loan-number[data-v-303719c0]{font-weight:600;color:#333;font-size:1rem}.loan-status[data-v-303719c0]{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500}.loan-status.active[data-v-303719c0]{background:#d4edda;color:#155724}.loan-status.defaulted[data-v-303719c0]{background:#f8d7da;color:#721c24}.loan-card-body[data-v-303719c0]{padding:15px}.customer-info[data-v-303719c0]{display:flex;align-items:center;gap:12px;margin-bottom:15px}.customer-avatar[data-v-303719c0]{width:45px;height:45px;border-radius:50%;object-fit:cover}.customer-details[data-v-303719c0]{display:flex;flex-direction:column}.customer-name[data-v-303719c0]{font-weight:600;color:#333;margin-bottom:3px}.customer-phone[data-v-303719c0]{font-size:.85rem;color:#666}.loan-summary[data-v-303719c0]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.summary-item[data-v-303719c0]{display:flex;flex-direction:column;gap:2px}.summary-item .label[data-v-303719c0]{font-size:.75rem;color:#999}.summary-item .value[data-v-303719c0]{font-size:.95rem;color:#333;font-weight:500}.loan-card-footer[data-v-303719c0]{padding:12px 15px;background:#fff;border-top:1px solid #eef2f6;text-align:right}.btn-select[data-v-303719c0]{padding:6px 15px;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .3s}.btn-select[data-v-303719c0]:hover{background:#2980b9}.no-results[data-v-303719c0]{text-align:center;padding:40px 20px;color:#999}.no-results i[data-v-303719c0]{font-size:3rem;color:#cbd5e0;margin-bottom:10px}.no-results p[data-v-303719c0]{font-size:1rem;margin:0}.payment-form[data-v-303719c0]{animation:fadeIn-303719c0 .3s ease}@keyframes fadeIn-303719c0{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.selected-loan-card[data-v-303719c0]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.card-header[data-v-303719c0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef2f6}.card-header h3[data-v-303719c0]{margin:0;color:#333;font-size:1.2rem}.btn-change[data-v-303719c0]{padding:6px 12px;background:#f8fafc;color:#666;border:1px solid #eef2f6;border-radius:6px;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .3s}.btn-change[data-v-303719c0]:hover{background:#eef2f6;color:#3498db}.loan-summary-detailed[data-v-303719c0]{display:flex;flex-direction:column;gap:20px}.loan-info[data-v-303719c0]{display:flex;align-items:center;gap:10px;padding:10px;background:#f8fafc;border-radius:8px}.loan-number-label[data-v-303719c0]{font-size:.9rem;color:#666}.loan-number-value[data-v-303719c0]{font-size:1.1rem;font-weight:600;color:#3498db}.customer-info-detailed[data-v-303719c0]{display:flex;align-items:center;gap:15px}.customer-avatar-large[data-v-303719c0]{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #3498db}.customer-name-large[data-v-303719c0]{font-size:1.2rem;font-weight:600;color:#333;display:block;margin-bottom:3px}.customer-phone-large[data-v-303719c0]{font-size:.95rem;color:#666}.loan-stats[data-v-303719c0]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:10px}@media(max-width:768px){.loan-stats[data-v-303719c0]{grid-template-columns:repeat(2,1fr)}}.stat[data-v-303719c0]{display:flex;flex-direction:column;gap:5px;padding:10px;background:#f8fafc;border-radius:8px}.stat.highlight[data-v-303719c0]{background:#e3f2fd;border:1px solid #3498db}.stat-label[data-v-303719c0]{font-size:.8rem;color:#666}.stat-value[data-v-303719c0]{font-size:1.1rem;font-weight:600;color:#333}.stat.highlight .stat-value[data-v-303719c0]{color:#3498db}.form[data-v-303719c0]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.form-grid[data-v-303719c0]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}@media(max-width:768px){.form-grid[data-v-303719c0]{grid-template-columns:1fr}}.form-group[data-v-303719c0]{margin-bottom:5px}.form-group.required label[data-v-303719c0]:after{content:"*";color:#e74c3c;margin-left:4px}.form-group label[data-v-303719c0]{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#333;font-weight:500;font-size:.95rem}.form-group label i[data-v-303719c0]{color:#3498db;width:18px}.form-control[data-v-303719c0]{width:80%;padding:12px 15px;border:2px solid #d1dae2;border-radius:8px;font-size:.95rem;transition:all .3s;background:#f8fafc}.form-control[data-v-303719c0]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.form-control.is-invalid[data-v-303719c0]{border-color:#e74c3c;background:#fff8f8}.currency-input[data-v-303719c0]{position:relative}.currency-symbol[data-v-303719c0]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666;font-weight:500;z-index:1}.form-control.with-currency[data-v-303719c0]{padding-left:60px}.amount-hints[data-v-303719c0]{display:flex;justify-content:space-between;margin-top:5px}.input-hint[data-v-303719c0]{font-size:.75rem;color:#999}.quick-amounts[data-v-303719c0]{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.quick-amount-btn[data-v-303719c0]{padding:6px 12px;background:#e3f2fd;color:#1976d2;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .3s}.quick-amount-btn[data-v-303719c0]:hover:not(:disabled){background:#1976d2;color:#fff}.quick-amount-btn[data-v-303719c0]:disabled{opacity:.5;cursor:not-allowed}.error-text[data-v-303719c0]{display:flex;align-items:center;gap:4px;color:#e74c3c;font-size:.8rem;margin-top:4px}.conditional-fields[data-v-303719c0]{margin:25px 0;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #eef2f6}.conditional-fields h4[data-v-303719c0]{margin:0 0 15px;color:#333;font-size:1rem;padding-bottom:10px;border-bottom:1px solid #eef2f6}.form-actions[data-v-303719c0]{display:flex;justify-content:flex-end;gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid #eef2f6}.btn-primary[data-v-303719c0],.btn-secondary[data-v-303719c0]{padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s;border:none}.btn-primary[data-v-303719c0]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 10px #3498db4d}.btn-primary[data-v-303719c0]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3498db66}.btn-secondary[data-v-303719c0]{background:#fff;color:#666;border:1px solid #eef2f6}.btn-secondary[data-v-303719c0]:hover{background:#f8fafc;color:#333}.btn-primary[data-v-303719c0]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-303719c0]{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-303719c0 .8s linear infinite}@keyframes spin-303719c0{to{transform:rotate(360deg)}}.modal-overlay[data-v-303719c0]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-303719c0 .3s ease}.modal-content[data-v-303719c0]{background:#fff;border-radius:15px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp-303719c0 .3s ease}.success-modal[data-v-303719c0]{text-align:center;padding:30px}@keyframes slideUp-303719c0{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-icon[data-v-303719c0]{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.modal-icon.success[data-v-303719c0]{background:#d4edda;color:#27ae60;font-size:2.5rem}.success-modal h3[data-v-303719c0]{color:#333;margin-bottom:20px;font-size:1.5rem}.payment-receipt[data-v-303719c0]{background:#f8fafc;border-radius:10px;padding:20px;margin-bottom:25px;text-align:left;border:1px solid #eef2f6}.receipt-header[data-v-303719c0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eef2f6}.receipt-header h4[data-v-303719c0]{margin:0;color:#333;font-size:1rem}.receipt-number[data-v-303719c0]{font-size:.9rem;color:#3498db;font-weight:600}.receipt-details[data-v-303719c0]{display:flex;flex-direction:column;gap:10px}.receipt-row[data-v-303719c0]{display:flex;justify-content:space-between;align-items:center}.receipt-label[data-v-303719c0]{color:#666;font-size:.9rem}.receipt-value[data-v-303719c0]{color:#333;font-weight:500}.receipt-value.amount[data-v-303719c0]{color:#27ae60;font-size:1.1rem}.modal-actions[data-v-303719c0]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn-success[data-v-303719c0]{padding:10px 20px;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-success[data-v-303719c0]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #27ae604d}.toast-notification[data-v-303719c0]{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:12px;animation:slideInRight-303719c0 .3s ease;z-index:2100;border-left:4px solid}.toast-notification.success[data-v-303719c0]{border-left-color:#27ae60}.toast-notification.error[data-v-303719c0]{border-left-color:#e74c3c}.toast-notification i[data-v-303719c0]{font-size:1.2rem}.toast-notification.success i[data-v-303719c0]{color:#27ae60}.toast-notification.error i[data-v-303719c0]{color:#e74c3c}@keyframes slideInRight-303719c0{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.record-payment-container[data-v-303719c0]{padding:15px}.header-left[data-v-303719c0]{flex-direction:column;align-items:flex-start;gap:10px}.header-left h1[data-v-303719c0]{font-size:1.5rem}.loan-stats[data-v-303719c0]{grid-template-columns:1fr}.form-actions[data-v-303719c0]{flex-direction:column}.btn-primary[data-v-303719c0],.btn-secondary[data-v-303719c0]{width:100%;justify-content:center}.modal-actions[data-v-303719c0]{flex-direction:column}.btn-primary[data-v-303719c0],.btn-secondary[data-v-303719c0],.btn-success[data-v-303719c0]{width:100%;justify-content:center}.toast-notification[data-v-303719c0]{left:20px;right:20px;bottom:20px}}.collateral-list-container[data-v-5aedb300]{padding:0 20px;max-width:1400px;margin:0 auto}.page-header[data-v-5aedb300]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.header-left h1[data-v-5aedb300]{font-size:2rem;color:#1a2639;margin:0 0 5px;font-weight:600}.collateral-count[data-v-5aedb300]{color:#666;margin:0;font-size:.95rem}.header-actions[data-v-5aedb300]{display:flex;gap:10px;flex-wrap:wrap}.btn-primary[data-v-5aedb300],.btn-export[data-v-5aedb300],.btn-filter-toggle[data-v-5aedb300]{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .3s;border:none;position:relative}.btn-primary[data-v-5aedb300]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 10px #3498db4d}.btn-primary[data-v-5aedb300]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3498db66}.btn-export[data-v-5aedb300]{background:#fff;color:#27ae60;border:1px solid #27ae60}.btn-export[data-v-5aedb300]:hover{background:#27ae60;color:#fff}.btn-filter-toggle[data-v-5aedb300]{background:#fff;color:#666;border:1px solid #eef2f6}.btn-filter-toggle[data-v-5aedb300]:hover,.btn-filter-toggle.active[data-v-5aedb300]{background:#f8fafc;color:#3498db;border-color:#3498db}.filter-badge[data-v-5aedb300]{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.filters-panel[data-v-5aedb300]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;animation:slideDown-5aedb300 .3s ease}@keyframes slideDown-5aedb300{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-grid[data-v-5aedb300]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.filter-group[data-v-5aedb300]{display:flex;flex-direction:column}.filter-group label[data-v-5aedb300]{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#666;margin-bottom:5px}.filter-group label i[data-v-5aedb300]{color:#3498db;font-size:.9rem}.form-control[data-v-5aedb300]{width:100%;padding:10px 12px;border:2px solid #eef2f6;border-radius:8px;font-size:.95rem;transition:all .3s;background:#f8fafc}.form-control[data-v-5aedb300]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.active-filters[data-v-5aedb300]{padding-top:15px;border-top:1px solid #eef2f6;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.active-filters-label[data-v-5aedb300]{display:flex;align-items:center;gap:5px;color:#666;font-size:.9rem}.filter-tags[data-v-5aedb300]{display:flex;gap:10px;flex-wrap:wrap;flex:1}.filter-tag[data-v-5aedb300]{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;background:#e3f2fd;color:#1976d2;border-radius:20px;font-size:.85rem}.remove-filter[data-v-5aedb300]{cursor:pointer;padding:2px}.remove-filter[data-v-5aedb300]:hover{color:#e74c3c}.clear-all-btn[data-v-5aedb300]{background:none;border:none;color:#e74c3c;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:5px 10px}.clear-all-btn[data-v-5aedb300]:hover{text-decoration:underline}.stats-cards[data-v-5aedb300]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.stat-card[data-v-5aedb300]{background:#fff;border-radius:10px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 5px #0000000d;border:1px solid #eef2f6;transition:all .3s}.stat-card[data-v-5aedb300]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.stat-icon[data-v-5aedb300]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.stat-details[data-v-5aedb300]{flex:1}.stat-value[data-v-5aedb300]{display:block;font-size:1.3rem;font-weight:700;color:#1a2639;line-height:1.2}.stat-label[data-v-5aedb300]{display:block;font-size:.8rem;color:#666}.summary-cards[data-v-5aedb300]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.summary-card[data-v-5aedb300]{background:#fff;border-radius:10px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 5px #0000000d;border:1px solid #eef2f6}.summary-card.total[data-v-5aedb300]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.summary-card.average[data-v-5aedb300]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.summary-card.highest[data-v-5aedb300]{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.summary-card.lowest[data-v-5aedb300]{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.summary-icon[data-v-5aedb300]{width:50px;height:50px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.summary-content[data-v-5aedb300]{display:flex;flex-direction:column}.summary-label[data-v-5aedb300]{font-size:.85rem;opacity:.9;margin-bottom:5px}.summary-value[data-v-5aedb300]{font-size:1.2rem;font-weight:700}.loading-state[data-v-5aedb300]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.spinner[data-v-5aedb300]{display:inline-block;width:40px;height:40px;border:3px solid #eef2f6;border-top-color:#3498db;border-radius:50%;animation:spin-5aedb300 1s linear infinite;margin-bottom:15px}@keyframes spin-5aedb300{to{transform:rotate(360deg)}}.error-state[data-v-5aedb300]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.error-state i[data-v-5aedb300]{font-size:3rem;color:#e74c3c;margin-bottom:15px}.error-state h3[data-v-5aedb300]{color:#333;margin-bottom:10px}.error-state p[data-v-5aedb300]{color:#666;margin-bottom:20px}.btn-retry[data-v-5aedb300]{padding:10px 25px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.empty-state[data-v-5aedb300]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.empty-illustration[data-v-5aedb300]{position:relative;display:inline-block;margin-bottom:20px}.empty-illustration i[data-v-5aedb300]:first-child{font-size:4rem;color:#cbd5e0}.empty-illustration i[data-v-5aedb300]:last-child{position:absolute;bottom:0;right:-10px;font-size:2rem;color:#e74c3c;background:#fff;border-radius:50%;padding:5px}.empty-state h3[data-v-5aedb300]{color:#333;margin-bottom:10px}.empty-state p[data-v-5aedb300]{color:#666;margin-bottom:25px;max-width:400px;margin-left:auto;margin-right:auto}.empty-actions[data-v-5aedb300]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-secondary[data-v-5aedb300]{padding:10px 25px;background:#f8fafc;color:#666;border:1px solid #eef2f6;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-secondary[data-v-5aedb300]:hover{background:#eef2f6}.collaterals-grid[data-v-5aedb300]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:25px}.collateral-card[data-v-5aedb300]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;transition:all .3s;cursor:pointer}.collateral-card[data-v-5aedb300]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;border-color:#3498db}.card-header[data-v-5aedb300]{padding:15px;background:linear-gradient(135deg,#f8fafc,#eef2f6);border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:12px}.collateral-icon[data-v-5aedb300]{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.collateral-icon.land[data-v-5aedb300]{background:linear-gradient(135deg,#27ae60,#229954)}.collateral-icon.vehicle[data-v-5aedb300]{background:linear-gradient(135deg,#3498db,#2980b9)}.collateral-icon.equipment[data-v-5aedb300]{background:linear-gradient(135deg,#f39c12,#e67e22)}.collateral-icon.title_deed[data-v-5aedb300]{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.collateral-icon.other[data-v-5aedb300]{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.collateral-info[data-v-5aedb300]{flex:1}.collateral-name[data-v-5aedb300]{margin:0 0 3px;font-size:1rem;font-weight:600;color:#333}.collateral-type[data-v-5aedb300]{font-size:.8rem;color:#666}.collateral-status[data-v-5aedb300]{padding:4px 8px;border-radius:20px;font-size:.7rem;font-weight:500}.collateral-status.active[data-v-5aedb300]{background:#d4edda;color:#155724}.collateral-status.taken[data-v-5aedb300]{background:#f8d7da;color:#721c24}.collateral-status.released[data-v-5aedb300]{background:#d1d8e0;color:#2c3e50}.collateral-status.pending[data-v-5aedb300]{background:#fff3cd;color:#856404}.card-body[data-v-5aedb300]{padding:15px}.customer-info[data-v-5aedb300]{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eef2f6}.customer-avatar[data-v-5aedb300]{width:35px;height:35px;border-radius:50%;object-fit:cover}.customer-details[data-v-5aedb300]{display:flex;flex-direction:column}.customer-name[data-v-5aedb300]{font-weight:500;color:#333;font-size:.9rem}.customer-phone[data-v-5aedb300]{font-size:.75rem;color:#999}.collateral-details[data-v-5aedb300]{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.detail-item[data-v-5aedb300]{display:flex;align-items:baseline;gap:8px}.detail-label[data-v-5aedb300]{min-width:80px;font-size:.8rem;color:#999}.detail-value[data-v-5aedb300]{flex:1;font-size:.9rem;color:#333;font-weight:500}.collateral-description[data-v-5aedb300]{margin:10px 0;padding:8px;background:#f8fafc;border-radius:6px;font-size:.85rem;color:#666;line-height:1.5}.verification-info[data-v-5aedb300]{display:flex;align-items:center;gap:5px;margin-top:10px;padding:5px 10px;background:#e3f2fd;border-radius:6px;font-size:.75rem;color:#1976d2;flex-wrap:wrap}.verification-info i[data-v-5aedb300]{color:#27ae60}.verification-date[data-v-5aedb300]{margin-left:auto;color:#666}.card-footer[data-v-5aedb300]{padding:15px;background:#f8fafc;border-top:1px solid #eef2f6}.action-buttons[data-v-5aedb300]{display:flex;gap:8px;flex-wrap:wrap}.btn-icon[data-v-5aedb300]{width:32px;height:32px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s}.btn-icon[data-v-5aedb300]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.btn-icon.success[data-v-5aedb300]:hover{color:#27ae60;border-color:#27ae60}.btn-icon.warning[data-v-5aedb300]:hover{color:#f39c12;border-color:#f39c12}.btn-icon.info[data-v-5aedb300]:hover{color:#3498db;border-color:#3498db}.btn-icon.danger[data-v-5aedb300]:hover{color:#e74c3c;border-color:#e74c3c}.pagination[data-v-5aedb300]{margin-top:25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.pagination-info[data-v-5aedb300]{color:#666;font-size:.9rem}.pagination-buttons[data-v-5aedb300]{display:flex;gap:5px;flex-wrap:wrap}.pagination-btn[data-v-5aedb300]{min-width:35px;height:35px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s}.pagination-btn[data-v-5aedb300]:hover:not(:disabled){background:#f8fafc;color:#3498db;border-color:#3498db}.pagination-btn.active[data-v-5aedb300]{background:#3498db;color:#fff;border-color:#3498db}.pagination-btn[data-v-5aedb300]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-5aedb300]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-5aedb300 .3s ease}@keyframes fadeIn-5aedb300{0%{opacity:0}to{opacity:1}}.modal-content[data-v-5aedb300]{background:#fff;border-radius:15px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp-5aedb300 .3s ease}@keyframes slideUp-5aedb300{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-5aedb300]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:15px}.modal-icon[data-v-5aedb300]{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.modal-icon.success[data-v-5aedb300]{background:#d4edda;color:#27ae60}.modal-icon.warning[data-v-5aedb300]{background:#fff3cd;color:#f39c12}.modal-icon.info[data-v-5aedb300]{background:#cce5ff;color:#3498db}.modal-icon.danger[data-v-5aedb300]{background:#f8d7da;color:#e74c3c}.modal-header h3[data-v-5aedb300]{flex:1;margin:0;color:#333}.close-btn[data-v-5aedb300]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:5px}.close-btn[data-v-5aedb300]:hover{color:#666}.modal-body[data-v-5aedb300]{padding:25px}.collateral-summary[data-v-5aedb300]{background:#f8fafc;border-radius:8px;padding:15px;margin:15px 0}.collateral-summary p[data-v-5aedb300]{margin:5px 0;color:#333}.warning-note[data-v-5aedb300]{display:flex;align-items:center;gap:8px;color:#f39c12;font-size:.9rem;margin:15px 0;padding:10px;background:#fff3cd;border-radius:8px}.input-hint[data-v-5aedb300]{display:block;font-size:.75rem;color:#999;margin-top:4px}.modal-footer[data-v-5aedb300]{padding:20px 25px;border-top:1px solid #eef2f6;display:flex;justify-content:flex-end;gap:10px}.btn-info[data-v-5aedb300]{padding:10px 20px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-info[data-v-5aedb300]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}.btn-success[data-v-5aedb300],.btn-warning[data-v-5aedb300],.btn-danger[data-v-5aedb300]{padding:10px 20px;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:none;transition:all .3s}.btn-success[data-v-5aedb300]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-success[data-v-5aedb300]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #27ae604d}.btn-warning[data-v-5aedb300]{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.btn-warning[data-v-5aedb300]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #f39c124d}.btn-danger[data-v-5aedb300]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-danger[data-v-5aedb300]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c4d}.btn-success[data-v-5aedb300]:disabled,.btn-warning[data-v-5aedb300]:disabled,.btn-danger[data-v-5aedb300]:disabled{opacity:.6;cursor:not-allowed}.toast-notification[data-v-5aedb300]{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:12px;animation:slideInRight-5aedb300 .3s ease;z-index:2100;border-left:4px solid}.toast-notification.success[data-v-5aedb300]{border-left-color:#27ae60}.toast-notification.error[data-v-5aedb300]{border-left-color:#e74c3c}.toast-notification.info[data-v-5aedb300]{border-left-color:#3498db}.toast-notification i[data-v-5aedb300]{font-size:1.2rem}.toast-notification.success i[data-v-5aedb300]{color:#27ae60}.toast-notification.error i[data-v-5aedb300]{color:#e74c3c}.toast-notification.info i[data-v-5aedb300]{color:#3498db}@keyframes slideInRight-5aedb300{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.collateral-list-container[data-v-5aedb300]{padding:15px}.page-header[data-v-5aedb300]{flex-direction:column;align-items:flex-start}.header-actions[data-v-5aedb300]{width:100%}.btn-primary[data-v-5aedb300],.btn-export[data-v-5aedb300],.btn-filter-toggle[data-v-5aedb300]{flex:1;justify-content:center}.collaterals-grid[data-v-5aedb300]{grid-template-columns:1fr}.modal-footer[data-v-5aedb300]{flex-direction:column}.btn-success[data-v-5aedb300],.btn-warning[data-v-5aedb300],.btn-danger[data-v-5aedb300],.btn-info[data-v-5aedb300],.btn-secondary[data-v-5aedb300]{width:100%;justify-content:center}.toast-notification[data-v-5aedb300]{left:20px;right:20px;bottom:20px}}.collateral-detail-container[data-v-45d9cdd7]{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh}.loading-state[data-v-45d9cdd7]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.spinner[data-v-45d9cdd7]{display:inline-block;width:40px;height:40px;border:3px solid #eef2f6;border-top-color:#3498db;border-radius:50%;animation:spin-45d9cdd7 1s linear infinite;margin-bottom:15px}@keyframes spin-45d9cdd7{to{transform:rotate(360deg)}}.error-state[data-v-45d9cdd7]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.error-state i[data-v-45d9cdd7]{font-size:3rem;color:#e74c3c;margin-bottom:15px}.error-state h3[data-v-45d9cdd7]{color:#333;margin-bottom:10px}.error-state p[data-v-45d9cdd7]{color:#666;margin-bottom:25px}.error-actions[data-v-45d9cdd7]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-retry[data-v-45d9cdd7]{padding:10px 25px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-secondary[data-v-45d9cdd7]{padding:10px 25px;background:#f8fafc;color:#666;border:1px solid #eef2f6;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-secondary[data-v-45d9cdd7]:hover{background:#eef2f6}.detail-header[data-v-45d9cdd7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.header-left[data-v-45d9cdd7]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.back-btn[data-v-45d9cdd7]{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#fff;border:1px solid #eef2f6;border-radius:8px;color:#666;text-decoration:none;transition:all .3s}.back-btn[data-v-45d9cdd7]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.header-title[data-v-45d9cdd7]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.header-title h1[data-v-45d9cdd7]{font-size:1.8rem;color:#1a2639;margin:0}.collateral-number[data-v-45d9cdd7]{font-size:1rem;color:#999;background:#f8fafc;padding:4px 10px;border-radius:20px}.header-actions[data-v-45d9cdd7]{display:flex;gap:10px}.btn-more[data-v-45d9cdd7]{width:40px;height:40px;border-radius:8px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-more[data-v-45d9cdd7]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.action-dropdown[data-v-45d9cdd7]{position:relative}.action-menu[data-v-45d9cdd7]{position:absolute;top:100%;right:0;width:200px;background:#fff;border-radius:8px;box-shadow:0 5px 25px #00000026;margin-top:5px;z-index:1000;overflow:hidden;animation:slideDown-45d9cdd7 .2s ease}@keyframes slideDown-45d9cdd7{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-menu-item[data-v-45d9cdd7]{display:flex;align-items:center;gap:12px;padding:12px 15px;color:#333;text-decoration:none;transition:background .3s;width:100%;border:none;background:none;cursor:pointer;font-size:.9rem;text-align:left}.action-menu-item[data-v-45d9cdd7]:hover{background:#f8fafc}.action-menu-item i[data-v-45d9cdd7]{width:18px;color:#666}.action-menu-item.success[data-v-45d9cdd7]:hover,.action-menu-item.success:hover i[data-v-45d9cdd7]{color:#27ae60}.action-menu-item.warning[data-v-45d9cdd7]:hover,.action-menu-item.warning:hover i[data-v-45d9cdd7]{color:#f39c12}.action-menu-item.info[data-v-45d9cdd7]:hover,.action-menu-item.info:hover i[data-v-45d9cdd7]{color:#3498db}.action-menu-item.danger[data-v-45d9cdd7]:hover,.action-menu-item.danger:hover i[data-v-45d9cdd7]{color:#e74c3c}.action-menu-divider[data-v-45d9cdd7]{height:1px;background:#eef2f6;margin:5px 0}.status-banner[data-v-45d9cdd7]{padding:15px 20px;border-radius:10px;margin-bottom:25px;display:flex;align-items:center;gap:10px;font-size:1rem}.status-banner.active[data-v-45d9cdd7]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-banner.taken[data-v-45d9cdd7]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-banner.released[data-v-45d9cdd7]{background:#d1d8e0;color:#2c3e50;border:1px solid #bac3cf}.status-banner.pending[data-v-45d9cdd7]{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.status-banner i[data-v-45d9cdd7]{font-size:1.2rem}.detail-grid[data-v-45d9cdd7]{display:grid;grid-template-columns:1fr 1.5fr;gap:25px;margin-bottom:25px}@media(max-width:992px){.detail-grid[data-v-45d9cdd7]{grid-template-columns:1fr}}.left-column[data-v-45d9cdd7],.right-column[data-v-45d9cdd7]{display:flex;flex-direction:column;gap:25px}.image-gallery-card[data-v-45d9cdd7]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.main-image[data-v-45d9cdd7]{width:100%;height:300px;border-radius:8px;overflow:hidden;margin-bottom:15px;background:#f8fafc}.main-image img[data-v-45d9cdd7]{width:100%;height:100%;object-fit:cover}.image-thumbnails[data-v-45d9cdd7]{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.thumbnail[data-v-45d9cdd7]{width:70px;height:70px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s}.thumbnail[data-v-45d9cdd7]:hover{transform:translateY(-2px)}.thumbnail.active[data-v-45d9cdd7]{border-color:#3498db}.thumbnail img[data-v-45d9cdd7]{width:100%;height:100%;object-fit:cover}.quick-info-card[data-v-45d9cdd7]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.info-row[data-v-45d9cdd7]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f6}.info-row[data-v-45d9cdd7]:last-child{border-bottom:none}.info-label[data-v-45d9cdd7]{color:#666;font-size:.9rem}.info-value[data-v-45d9cdd7]{font-weight:600;color:#333}.info-value.large[data-v-45d9cdd7]{font-size:1.3rem;color:#3498db}.info-value.success[data-v-45d9cdd7]{color:#27ae60}.status-badge-small[data-v-45d9cdd7]{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge-small.active[data-v-45d9cdd7]{background:#d4edda;color:#155724}.status-badge-small.taken[data-v-45d9cdd7]{background:#f8d7da;color:#721c24}.status-badge-small.released[data-v-45d9cdd7]{background:#d1d8e0;color:#2c3e50}.status-badge-small.pending[data-v-45d9cdd7]{background:#fff3cd;color:#856404}.info-card[data-v-45d9cdd7]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.card-header[data-v-45d9cdd7]{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef2f6}.card-header i[data-v-45d9cdd7]{font-size:1.2rem;color:#3498db}.card-header h3[data-v-45d9cdd7]{margin:0;color:#333;font-size:1.1rem;flex:1}.btn-view[data-v-45d9cdd7],.btn-add[data-v-45d9cdd7]{padding:5px 12px;background:#e3f2fd;color:#1976d2;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none;transition:all .3s}.btn-view[data-v-45d9cdd7]:hover,.btn-add[data-v-45d9cdd7]:hover{background:#1976d2;color:#fff}.customer-profile[data-v-45d9cdd7]{display:flex;align-items:center;gap:15px;margin-bottom:20px}.customer-avatar[data-v-45d9cdd7]{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #3498db}.customer-info[data-v-45d9cdd7]{display:flex;flex-direction:column}.customer-name[data-v-45d9cdd7]{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:3px}.customer-occupation[data-v-45d9cdd7]{font-size:.9rem;color:#666}.info-grid[data-v-45d9cdd7]{display:flex;flex-direction:column;gap:10px}.info-row[data-v-45d9cdd7]{display:flex;align-items:center;gap:10px;color:#666;font-size:.95rem}.info-row i[data-v-45d9cdd7]{width:18px;color:#3498db}.details-grid[data-v-45d9cdd7]{display:flex;flex-direction:column;gap:12px}.detail-row[data-v-45d9cdd7]{display:flex;align-items:baseline;gap:10px}.detail-label[data-v-45d9cdd7]{min-width:140px;color:#666;font-size:.9rem}.detail-value[data-v-45d9cdd7]{color:#333;font-weight:500}.description-text[data-v-45d9cdd7]{margin:0;color:#666;line-height:1.6;white-space:pre-line}.history-item[data-v-45d9cdd7]{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #eef2f6}.history-item[data-v-45d9cdd7]:last-child{border-bottom:none}.history-icon[data-v-45d9cdd7]{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.history-icon.verified[data-v-45d9cdd7]{background:#d4edda;color:#27ae60}.history-details[data-v-45d9cdd7]{flex:1}.history-title[data-v-45d9cdd7]{font-weight:600;color:#333;display:block;margin-bottom:3px}.history-date[data-v-45d9cdd7]{font-size:.8rem;color:#999;display:block;margin-bottom:5px}.history-notes[data-v-45d9cdd7]{margin:5px 0 0;font-size:.9rem;color:#666;background:#f8fafc;padding:8px;border-radius:5px}.verified-value[data-v-45d9cdd7]{margin-top:8px;font-size:.95rem;color:#27ae60;padding:5px 10px;background:#e8f5e9;border-radius:5px}.loans-list[data-v-45d9cdd7]{display:flex;flex-direction:column;gap:15px}.loan-item[data-v-45d9cdd7]{padding:15px;background:#f8fafc;border-radius:8px;border:1px solid #eef2f6}.loan-header[data-v-45d9cdd7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.loan-number[data-v-45d9cdd7]{font-weight:600;color:#333}.loan-status[data-v-45d9cdd7]{padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.loan-status.active[data-v-45d9cdd7]{background:#d4edda;color:#155724}.loan-status.paid[data-v-45d9cdd7]{background:#cce5ff;color:#004085}.loan-status.defaulted[data-v-45d9cdd7]{background:#f8d7da;color:#721c24}.loan-details[data-v-45d9cdd7]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.loan-detail[data-v-45d9cdd7]{display:flex;flex-direction:column;gap:2px}.loan-detail .detail-label[data-v-45d9cdd7]{font-size:.75rem;color:#999}.loan-detail .detail-value[data-v-45d9cdd7]{font-size:.9rem;color:#333;font-weight:500}.loan-actions[data-v-45d9cdd7]{display:flex;gap:10px;margin-top:10px}.btn-small[data-v-45d9cdd7]{padding:5px 10px;border-radius:5px;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none;border:1px solid #eef2f6;background:#fff;color:#666;transition:all .3s}.btn-small[data-v-45d9cdd7]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.documents-list[data-v-45d9cdd7]{display:flex;flex-direction:column;gap:10px}.document-item[data-v-45d9cdd7]{display:flex;align-items:center;gap:12px;padding:10px;background:#f8fafc;border-radius:8px;border:1px solid #eef2f6}.document-icon[data-v-45d9cdd7]{width:35px;height:35px;border-radius:6px;background:linear-gradient(135deg,#3498db,#2980b9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.document-info[data-v-45d9cdd7]{flex:1;display:flex;flex-direction:column;gap:2px}.document-name[data-v-45d9cdd7]{font-size:.9rem;font-weight:500;color:#333}.document-size[data-v-45d9cdd7]{font-size:.75rem;color:#999}.document-actions[data-v-45d9cdd7]{display:flex;gap:5px}.btn-icon-small[data-v-45d9cdd7]{width:30px;height:30px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s}.btn-icon-small[data-v-45d9cdd7]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.audit-card[data-v-45d9cdd7]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;margin-top:25px}.timeline[data-v-45d9cdd7]{position:relative;padding-left:30px}.timeline[data-v-45d9cdd7]:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:#eef2f6}.timeline-item[data-v-45d9cdd7]{position:relative;padding-bottom:25px}.timeline-item[data-v-45d9cdd7]:last-child{padding-bottom:0}.timeline-icon[data-v-45d9cdd7]{position:absolute;left:-30px;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:.8rem;z-index:1}.timeline-icon.CREATE[data-v-45d9cdd7]{border-color:#27ae60;color:#27ae60}.timeline-icon.UPDATE[data-v-45d9cdd7]{border-color:#f39c12;color:#f39c12}.timeline-icon.VERIFY[data-v-45d9cdd7]{border-color:#3498db;color:#3498db}.timeline-icon.TAKE[data-v-45d9cdd7]{border-color:#e74c3c;color:#e74c3c}.timeline-icon.RELEASE[data-v-45d9cdd7]{border-color:#9b59b6;color:#9b59b6}.timeline-content[data-v-45d9cdd7]{background:#f8fafc;border-radius:8px;padding:12px 15px}.timeline-title[data-v-45d9cdd7]{display:block;font-weight:500;color:#333;margin-bottom:5px}.timeline-date[data-v-45d9cdd7]{display:block;font-size:.75rem;color:#999;margin-bottom:3px}.timeline-user[data-v-45d9cdd7]{display:block;font-size:.8rem;color:#666;font-style:italic}.modal-overlay[data-v-45d9cdd7]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-45d9cdd7 .3s ease}@keyframes fadeIn-45d9cdd7{0%{opacity:0}to{opacity:1}}.modal-content[data-v-45d9cdd7]{background:#fff;border-radius:15px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp-45d9cdd7 .3s ease}@keyframes slideUp-45d9cdd7{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-45d9cdd7]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:15px}.modal-icon[data-v-45d9cdd7]{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.modal-icon.success[data-v-45d9cdd7]{background:#d4edda;color:#27ae60}.modal-icon.warning[data-v-45d9cdd7]{background:#fff3cd;color:#f39c12}.modal-icon.info[data-v-45d9cdd7]{background:#cce5ff;color:#3498db}.modal-icon.danger[data-v-45d9cdd7]{background:#f8d7da;color:#e74c3c}.modal-header h3[data-v-45d9cdd7]{flex:1;margin:0;color:#333}.close-btn[data-v-45d9cdd7]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:5px}.close-btn[data-v-45d9cdd7]:hover{color:#666}.modal-body[data-v-45d9cdd7]{padding:25px}.currency-input[data-v-45d9cdd7]{position:relative}.currency-symbol[data-v-45d9cdd7]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666;font-weight:500;z-index:1}.form-control[data-v-45d9cdd7]{width:100%;padding:12px 15px;border:2px solid #eef2f6;border-radius:8px;font-size:.95rem;transition:all .3s;background:#f8fafc}.form-control[data-v-45d9cdd7]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.form-control.with-currency[data-v-45d9cdd7]{padding-left:60px}.input-hint[data-v-45d9cdd7]{display:block;font-size:.75rem;color:#999;margin-top:4px}.warning-note[data-v-45d9cdd7]{display:flex;align-items:center;gap:8px;color:#f39c12;font-size:.9rem;margin:15px 0;padding:10px;background:#fff3cd;border-radius:8px}.modal-footer[data-v-45d9cdd7]{padding:20px 25px;border-top:1px solid #eef2f6;display:flex;justify-content:flex-end;gap:10px}.btn-success[data-v-45d9cdd7],.btn-warning[data-v-45d9cdd7],.btn-info[data-v-45d9cdd7],.btn-danger[data-v-45d9cdd7]{padding:10px 20px;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:none;transition:all .3s}.btn-success[data-v-45d9cdd7]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-success[data-v-45d9cdd7]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #27ae604d}.btn-warning[data-v-45d9cdd7]{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.btn-warning[data-v-45d9cdd7]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #f39c124d}.btn-info[data-v-45d9cdd7]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-info[data-v-45d9cdd7]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}.btn-danger[data-v-45d9cdd7]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-danger[data-v-45d9cdd7]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c4d}.btn-success[data-v-45d9cdd7]:disabled,.btn-warning[data-v-45d9cdd7]:disabled,.btn-info[data-v-45d9cdd7]:disabled,.btn-danger[data-v-45d9cdd7]:disabled{opacity:.6;cursor:not-allowed}.toast-notification[data-v-45d9cdd7]{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:12px;animation:slideInRight-45d9cdd7 .3s ease;z-index:2100;border-left:4px solid}.toast-notification.success[data-v-45d9cdd7]{border-left-color:#27ae60}.toast-notification.error[data-v-45d9cdd7]{border-left-color:#e74c3c}.toast-notification i[data-v-45d9cdd7]{font-size:1.2rem}.toast-notification.success i[data-v-45d9cdd7]{color:#27ae60}.toast-notification.error i[data-v-45d9cdd7]{color:#e74c3c}@keyframes slideInRight-45d9cdd7{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.collateral-detail-container[data-v-45d9cdd7]{padding:15px}.detail-header[data-v-45d9cdd7]{flex-direction:column;align-items:flex-start}.header-left[data-v-45d9cdd7]{width:100%}.header-title[data-v-45d9cdd7]{flex-direction:column;align-items:flex-start;gap:10px}.header-title h1[data-v-45d9cdd7]{font-size:1.5rem}.main-image[data-v-45d9cdd7]{height:200px}.loan-details[data-v-45d9cdd7]{grid-template-columns:1fr}.modal-footer[data-v-45d9cdd7]{flex-direction:column}.btn-success[data-v-45d9cdd7],.btn-warning[data-v-45d9cdd7],.btn-info[data-v-45d9cdd7],.btn-danger[data-v-45d9cdd7],.btn-secondary[data-v-45d9cdd7]{width:100%;justify-content:center}.toast-notification[data-v-45d9cdd7]{left:20px;right:20px;bottom:20px}}.loan-performance-report[data-v-256d9d32]{display:flex;flex-direction:column;gap:25px}.summary-cards[data-v-256d9d32]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.summary-card[data-v-256d9d32]{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 5px #0000000d;border:1px solid #eef2f6;transition:all .3s}.summary-card[data-v-256d9d32]:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001a}.summary-card.total[data-v-256d9d32]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.summary-card.average[data-v-256d9d32]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.summary-card.disbursed[data-v-256d9d32]{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.summary-card.collected[data-v-256d9d32]{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.card-icon[data-v-256d9d32]{width:50px;height:50px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.card-content[data-v-256d9d32]{flex:1}.card-label[data-v-256d9d32]{display:block;font-size:.85rem;opacity:.9;margin-bottom:5px}.card-value[data-v-256d9d32]{display:block;font-size:1.3rem;font-weight:700;margin-bottom:3px}.card-sub[data-v-256d9d32]{display:block;font-size:.75rem;opacity:.8}.card-sub.rate[data-v-256d9d32]{color:gold}.chart-card[data-v-256d9d32]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 5px #0000000d;border:1px solid #eef2f6}.card-header[data-v-256d9d32]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef2f6;flex-wrap:wrap;gap:15px}.card-header h3[data-v-256d9d32]{display:flex;align-items:center;gap:8px;margin:0;color:#333;font-size:1.1rem}.card-header h3 i[data-v-256d9d32]{color:#3498db}.chart-legend[data-v-256d9d32]{display:flex;gap:20px;flex-wrap:wrap}.legend-item[data-v-256d9d32]{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#666}.legend-color[data-v-256d9d32]{width:12px;height:12px;border-radius:3px}.legend-color.active[data-v-256d9d32]{background:#3498db}.legend-color.paid[data-v-256d9d32]{background:#27ae60}.legend-color.defaulted[data-v-256d9d32]{background:#e74c3c}.legend-color.pending[data-v-256d9d32]{background:#f39c12}.legend-line[data-v-256d9d32]{width:20px;height:3px;border-radius:2px}.legend-line.disbursed[data-v-256d9d32]{background:#3498db}.legend-line.collected[data-v-256d9d32]{background:#27ae60}.status-chart[data-v-256d9d32]{display:flex;height:40px;border-radius:20px;overflow:hidden;margin-bottom:20px}.status-bar[data-v-256d9d32]{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:500;transition:width .3s ease}.status-bar.active[data-v-256d9d32]{background:linear-gradient(135deg,#3498db,#2980b9)}.status-bar.paid[data-v-256d9d32]{background:linear-gradient(135deg,#27ae60,#229954)}.status-bar.defaulted[data-v-256d9d32]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.status-bar.pending[data-v-256d9d32]{background:linear-gradient(135deg,#f39c12,#e67e22)}.bar-label[data-v-256d9d32]{white-space:nowrap;padding:0 10px}.status-details[data-v-256d9d32]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.status-row[data-v-256d9d32]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:6px;font-size:.9rem}.status-name[data-v-256d9d32]{font-weight:500;color:#333}.status-count[data-v-256d9d32]{color:#666}.status-amount[data-v-256d9d32]{color:#27ae60;font-weight:600}.trend-chart[data-v-256d9d32]{position:relative;height:250px;margin-top:20px}.chart-grid[data-v-256d9d32]{position:absolute;top:0;left:0;right:0;bottom:30px;display:flex;flex-direction:column;justify-content:space-between}.grid-line[data-v-256d9d32]{width:100%;height:1px;background:#eef2f6}.bars-container[data-v-256d9d32]{position:relative;display:flex;justify-content:space-around;align-items:flex-end;height:220px;z-index:1}.bar-group[data-v-256d9d32]{display:flex;flex-direction:column;align-items:center;width:60px}.bars[data-v-256d9d32]{display:flex;gap:5px;align-items:flex-end;height:180px}.bar[data-v-256d9d32]{width:25px;background:#3498db;border-radius:4px 4px 0 0;transition:height .3s ease;position:relative;cursor:pointer}.bar.collected[data-v-256d9d32]{background:#27ae60}.bar-tooltip[data-v-256d9d32]{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.bar:hover .bar-tooltip[data-v-256d9d32]{opacity:1}.bar-group .bar-label[data-v-256d9d32]{margin-top:10px;font-size:.8rem;color:#666}.table-card[data-v-256d9d32]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 5px #0000000d;border:1px solid #eef2f6}.table-actions[data-v-256d9d32]{display:flex;gap:10px}.btn-icon[data-v-256d9d32]{width:35px;height:35px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-icon[data-v-256d9d32]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.table-responsive[data-v-256d9d32]{overflow-x:auto;margin-bottom:20px}.data-table[data-v-256d9d32]{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th[data-v-256d9d32]{text-align:left;padding:12px 10px;background:#f8fafc;color:#1a2639;font-weight:600;font-size:.85rem;border-bottom:2px solid #eef2f6}.data-table td[data-v-256d9d32]{padding:12px 10px;border-bottom:1px solid #eef2f6;color:#666;font-size:.9rem}.data-table tbody tr[data-v-256d9d32]:hover{background:#f8fafc}.loan-link[data-v-256d9d32]{color:#3498db;text-decoration:none;font-weight:500}.loan-link[data-v-256d9d32]:hover{text-decoration:underline}.customer-cell[data-v-256d9d32]{display:flex;align-items:center;gap:8px}.customer-avatar[data-v-256d9d32]{width:30px;height:30px;border-radius:50%;object-fit:cover}.amount[data-v-256d9d32],.total[data-v-256d9d32],.paid[data-v-256d9d32],.balance[data-v-256d9d32]{font-weight:500}.interest[data-v-256d9d32]{color:#f39c12;font-weight:500}.balance.text-danger[data-v-256d9d32]{color:#e74c3c}.status-badge[data-v-256d9d32]{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;min-width:80px;text-align:center}.status-badge.active[data-v-256d9d32]{background:#d4edda;color:#155724}.status-badge.paid[data-v-256d9d32]{background:#cce5ff;color:#004085}.status-badge.defaulted[data-v-256d9d32]{background:#f8d7da;color:#721c24}.status-badge.pending[data-v-256d9d32]{background:#fff3cd;color:#856404}.text-center[data-v-256d9d32]{text-align:center}.table-pagination[data-v-256d9d32]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.pagination-info[data-v-256d9d32]{color:#666;font-size:.9rem}.pagination-buttons[data-v-256d9d32]{display:flex;align-items:center;gap:15px}.btn-pagination[data-v-256d9d32]{width:35px;height:35px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-pagination[data-v-256d9d32]:hover:not(:disabled){background:#f8fafc;color:#3498db;border-color:#3498db}.btn-pagination[data-v-256d9d32]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-256d9d32]{color:#666;font-size:.9rem}.kpi-section[data-v-256d9d32]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 5px #0000000d;border:1px solid #eef2f6}.kpi-section h3[data-v-256d9d32]{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:#333;font-size:1.1rem}.kpi-section h3 i[data-v-256d9d32]{color:#3498db}.kpi-grid[data-v-256d9d32]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.kpi-card[data-v-256d9d32]{display:flex;align-items:center;gap:15px;padding:15px;background:#f8fafc;border-radius:10px;border:1px solid #eef2f6}.kpi-icon[data-v-256d9d32]{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.kpi-content[data-v-256d9d32]{flex:1}.kpi-label[data-v-256d9d32]{display:block;font-size:.8rem;color:#666;margin-bottom:3px}.kpi-value[data-v-256d9d32]{display:block;font-size:1.3rem;font-weight:700;color:#333;margin-bottom:3px}.kpi-trend[data-v-256d9d32]{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;padding:2px 6px;border-radius:12px}.kpi-trend.positive[data-v-256d9d32]{background:#d4edda;color:#155724}.kpi-trend.negative[data-v-256d9d32]{background:#f8d7da;color:#721c24}.export-section[data-v-256d9d32]{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.btn-export-excel[data-v-256d9d32],.btn-export-pdf[data-v-256d9d32],.btn-export-csv[data-v-256d9d32]{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:none;transition:all .3s}.btn-export-excel[data-v-256d9d32]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-export-pdf[data-v-256d9d32]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-export-csv[data-v-256d9d32]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-export-excel[data-v-256d9d32]:hover,.btn-export-pdf[data-v-256d9d32]:hover,.btn-export-csv[data-v-256d9d32]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media(max-width:768px){.summary-cards[data-v-256d9d32],.status-details[data-v-256d9d32]{grid-template-columns:1fr}.bars-container[data-v-256d9d32]{gap:5px}.bar-group[data-v-256d9d32]{width:40px}.bar[data-v-256d9d32]{width:15px}.kpi-grid[data-v-256d9d32]{grid-template-columns:1fr}.export-section[data-v-256d9d32]{justify-content:stretch}.btn-export-excel[data-v-256d9d32],.btn-export-pdf[data-v-256d9d32],.btn-export-csv[data-v-256d9d32]{flex:1;justify-content:center}.table-pagination[data-v-256d9d32]{flex-direction:column;align-items:flex-start}.pagination-buttons[data-v-256d9d32]{width:100%;justify-content:space-between}}@media(max-width:480px){.card-header[data-v-256d9d32]{flex-direction:column;align-items:flex-start}.chart-legend[data-v-256d9d32]{width:100%;justify-content:space-between}.bar-group[data-v-256d9d32]{width:30px}.bar[data-v-256d9d32]{width:12px}.bar-group .bar-label[data-v-256d9d32]{font-size:.7rem}}.reports-container[data-v-ce5f8f03]{padding:20px;max-width:1400px;margin:0 auto}.page-header[data-v-ce5f8f03]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.header-left h1[data-v-ce5f8f03]{font-size:2rem;color:#1a2639;margin:0 0 5px;font-weight:600}.reports-subtitle[data-v-ce5f8f03]{color:#666;margin:0;font-size:.95rem}.header-actions[data-v-ce5f8f03]{display:flex;gap:10px;flex-wrap:wrap}.btn-export[data-v-ce5f8f03],.btn-print[data-v-ce5f8f03],.btn-schedule[data-v-ce5f8f03]{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s;border:none}.btn-export[data-v-ce5f8f03]{background:#fff;color:#27ae60;border:1px solid #27ae60}.btn-export[data-v-ce5f8f03]:hover:not(:disabled){background:#27ae60;color:#fff}.btn-print[data-v-ce5f8f03]{background:#fff;color:#3498db;border:1px solid #3498db}.btn-print[data-v-ce5f8f03]:hover:not(:disabled){background:#3498db;color:#fff}.btn-schedule[data-v-ce5f8f03]{background:#fff;color:#f39c12;border:1px solid #f39c12}.btn-schedule[data-v-ce5f8f03]:hover{background:#f39c12;color:#fff}.btn-export[data-v-ce5f8f03]:disabled,.btn-print[data-v-ce5f8f03]:disabled{opacity:.5;cursor:not-allowed}.stats-grid[data-v-ce5f8f03]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-ce5f8f03]{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;cursor:pointer;transition:all .3s}.stat-card[data-v-ce5f8f03]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.stat-icon[data-v-ce5f8f03]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.stat-details[data-v-ce5f8f03]{flex:1}.stat-value[data-v-ce5f8f03]{display:block;font-size:1.5rem;font-weight:700;color:#1a2639;line-height:1.2}.stat-label[data-v-ce5f8f03]{display:block;font-size:.85rem;color:#666;margin-bottom:5px}.stat-trend[data-v-ce5f8f03]{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;padding:2px 6px;border-radius:12px}.stat-trend.positive[data-v-ce5f8f03]{background:#d4edda;color:#155724}.stat-trend.negative[data-v-ce5f8f03]{background:#f8d7da;color:#721c24}.report-type-section[data-v-ce5f8f03]{margin-bottom:30px}.report-type-section h3[data-v-ce5f8f03]{color:#333;margin-bottom:15px;font-size:1.2rem}.report-type-grid[data-v-ce5f8f03]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.report-type-card[data-v-ce5f8f03]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6;cursor:pointer;transition:all .3s}.report-type-card[data-v-ce5f8f03]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.report-type-card.active[data-v-ce5f8f03]{border-color:#3498db;background:#e3f2fd}.card-icon[data-v-ce5f8f03]{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;margin-bottom:15px}.report-type-card h4[data-v-ce5f8f03]{margin:0 0 8px;color:#333;font-size:1.1rem}.report-type-card p[data-v-ce5f8f03]{margin:0;color:#666;font-size:.9rem;line-height:1.5}.filters-section[data-v-ce5f8f03]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.filters-header[data-v-ce5f8f03]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef2f6}.filters-header h3[data-v-ce5f8f03]{display:flex;align-items:center;gap:8px;margin:0;color:#333;font-size:1.1rem}.filters-header h3 i[data-v-ce5f8f03]{color:#3498db}.btn-reset[data-v-ce5f8f03]{padding:6px 12px;background:#f8fafc;color:#666;border:1px solid #eef2f6;border-radius:6px;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .3s}.btn-reset[data-v-ce5f8f03]:hover{background:#eef2f6;color:#333}.filters-grid[data-v-ce5f8f03]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.filter-group[data-v-ce5f8f03]{display:flex;flex-direction:column}.filter-group label[data-v-ce5f8f03]{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#666;margin-bottom:5px}.filter-group label i[data-v-ce5f8f03]{color:#3498db;font-size:.9rem}.form-control[data-v-ce5f8f03]{width:100%;padding:10px 12px;border:2px solid #eef2f6;border-radius:8px;font-size:.95rem;transition:all .3s;background:#f8fafc}.form-control[data-v-ce5f8f03]:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db1a}.active-filters[data-v-ce5f8f03]{padding-top:15px;border-top:1px solid #eef2f6;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.active-filters-label[data-v-ce5f8f03]{display:flex;align-items:center;gap:5px;color:#666;font-size:.9rem}.filter-tags[data-v-ce5f8f03]{display:flex;gap:10px;flex-wrap:wrap;flex:1}.filter-tag[data-v-ce5f8f03]{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;background:#e3f2fd;color:#1976d2;border-radius:20px;font-size:.85rem}.remove-filter[data-v-ce5f8f03]{cursor:pointer;padding:2px}.remove-filter[data-v-ce5f8f03]:hover{color:#e74c3c}.clear-all-btn[data-v-ce5f8f03]{background:none;border:none;color:#e74c3c;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:5px 10px}.clear-all-btn[data-v-ce5f8f03]:hover{text-decoration:underline}.report-content[data-v-ce5f8f03]{margin-bottom:30px}.loading-state[data-v-ce5f8f03]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.spinner[data-v-ce5f8f03]{display:inline-block;width:40px;height:40px;border:3px solid #eef2f6;border-top-color:#3498db;border-radius:50%;animation:spin-ce5f8f03 1s linear infinite;margin-bottom:15px}@keyframes spin-ce5f8f03{to{transform:rotate(360deg)}}.report-display[data-v-ce5f8f03]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.report-header[data-v-ce5f8f03]{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #eef2f6}.report-header h2[data-v-ce5f8f03]{margin:0 0 10px;color:#333;font-size:1.5rem}.report-period[data-v-ce5f8f03]{display:flex;align-items:center;gap:8px;color:#666;margin:0}.report-period i[data-v-ce5f8f03]{color:#3498db}.saved-reports-section[data-v-ce5f8f03]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #eef2f6}.section-header[data-v-ce5f8f03]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef2f6}.section-header h3[data-v-ce5f8f03]{display:flex;align-items:center;gap:8px;margin:0;color:#333;font-size:1.1rem}.section-header h3 i[data-v-ce5f8f03]{color:#3498db}.btn-view-all[data-v-ce5f8f03]{padding:6px 12px;background:none;color:#3498db;border:1px solid #3498db;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s}.btn-view-all[data-v-ce5f8f03]:hover{background:#3498db;color:#fff}.saved-reports-grid[data-v-ce5f8f03]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.saved-report-card[data-v-ce5f8f03]{display:flex;align-items:center;gap:15px;padding:15px;background:#f8fafc;border-radius:10px;border:1px solid #eef2f6;transition:all .3s}.saved-report-card[data-v-ce5f8f03]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.report-icon[data-v-ce5f8f03]{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.report-info[data-v-ce5f8f03]{flex:1}.report-info h4[data-v-ce5f8f03]{margin:0 0 3px;font-size:.95rem;color:#333}.report-info p[data-v-ce5f8f03]{margin:0 0 5px;font-size:.8rem;color:#666}.report-date[data-v-ce5f8f03]{font-size:.7rem;color:#999;display:flex;align-items:center;gap:3px}.report-actions[data-v-ce5f8f03]{display:flex;gap:5px}.btn-icon[data-v-ce5f8f03]{width:30px;height:30px;border-radius:6px;border:1px solid #eef2f6;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-icon[data-v-ce5f8f03]:hover{background:#f8fafc;color:#3498db;border-color:#3498db}.modal-overlay[data-v-ce5f8f03]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-ce5f8f03 .3s ease}@keyframes fadeIn-ce5f8f03{0%{opacity:0}to{opacity:1}}.modal-content[data-v-ce5f8f03]{background:#fff;border-radius:15px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp-ce5f8f03 .3s ease}@keyframes slideUp-ce5f8f03{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-ce5f8f03]{padding:20px 25px;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-ce5f8f03]{margin:0;color:#333}.close-btn[data-v-ce5f8f03]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:5px}.close-btn[data-v-ce5f8f03]:hover{color:#666}.modal-body[data-v-ce5f8f03]{padding:25px}.checkbox-label[data-v-ce5f8f03]{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;padding-left:25px;-webkit-user-select:none;user-select:none}.checkbox-label input[data-v-ce5f8f03]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-ce5f8f03]{position:absolute;left:0;top:0;height:18px;width:18px;background:#fff;border:2px solid #eef2f6;border-radius:4px;transition:all .2s}.checkbox-label:hover input~.checkmark[data-v-ce5f8f03]{background:#f8fafc;border-color:#3498db}.checkbox-label input:checked~.checkmark[data-v-ce5f8f03]{background:#3498db;border-color:#3498db}.checkmark[data-v-ce5f8f03]:after{content:"";position:absolute;display:none}.checkbox-label input:checked~.checkmark[data-v-ce5f8f03]:after{display:block}.checkbox-label .checkmark[data-v-ce5f8f03]:after{left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.modal-footer[data-v-ce5f8f03]{padding:20px 25px;border-top:1px solid #eef2f6;display:flex;justify-content:flex-end;gap:10px}.btn-primary[data-v-ce5f8f03],.btn-secondary[data-v-ce5f8f03]{padding:10px 20px;border-radius:8px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:none;transition:all .3s}.btn-primary[data-v-ce5f8f03]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-primary[data-v-ce5f8f03]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}.btn-secondary[data-v-ce5f8f03]{background:#f8fafc;color:#666;border:1px solid #eef2f6}.btn-secondary[data-v-ce5f8f03]:hover{background:#eef2f6;color:#333}.toast-notification[data-v-ce5f8f03]{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:12px;animation:slideInRight-ce5f8f03 .3s ease;z-index:2100;border-left:4px solid}.toast-notification.success[data-v-ce5f8f03]{border-left-color:#27ae60}.toast-notification.error[data-v-ce5f8f03]{border-left-color:#e74c3c}.toast-notification.info[data-v-ce5f8f03]{border-left-color:#3498db}.toast-notification i[data-v-ce5f8f03]{font-size:1.2rem}.toast-notification.success i[data-v-ce5f8f03]{color:#27ae60}.toast-notification.error i[data-v-ce5f8f03]{color:#e74c3c}.toast-notification.info i[data-v-ce5f8f03]{color:#3498db}@keyframes slideInRight-ce5f8f03{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.reports-container[data-v-ce5f8f03]{padding:15px}.page-header[data-v-ce5f8f03]{flex-direction:column;align-items:flex-start}.header-actions[data-v-ce5f8f03]{width:100%}.btn-export[data-v-ce5f8f03],.btn-print[data-v-ce5f8f03],.btn-schedule[data-v-ce5f8f03]{flex:1;justify-content:center}.stats-grid[data-v-ce5f8f03],.report-type-grid[data-v-ce5f8f03],.saved-reports-grid[data-v-ce5f8f03]{grid-template-columns:1fr}.modal-footer[data-v-ce5f8f03]{flex-direction:column}.btn-primary[data-v-ce5f8f03],.btn-secondary[data-v-ce5f8f03]{width:100%;justify-content:center}.toast-notification[data-v-ce5f8f03]{left:20px;right:20px;bottom:20px}}.not-found-container[data-v-b8e3110f]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.not-found-card[data-v-b8e3110f]{background:#fff;border-radius:20px;padding:50px 40px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 40px #0000001a;animation:slideUp-b8e3110f .5s ease}@keyframes slideUp-b8e3110f{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.icon-wrapper[data-v-b8e3110f]{margin-bottom:20px}.icon-wrapper i[data-v-b8e3110f]{font-size:80px;color:#f39c12}.error-code[data-v-b8e3110f]{font-size:80px;font-weight:800;color:#e74c3c;margin:0;line-height:1}.title[data-v-b8e3110f]{font-size:28px;color:#333;margin:20px 0 15px;font-weight:600}.message[data-v-b8e3110f]{color:#666;font-size:16px;margin-bottom:30px;line-height:1.5}.action-buttons[data-v-b8e3110f]{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.btn-primary[data-v-b8e3110f],.btn-secondary[data-v-b8e3110f]{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-primary[data-v-b8e3110f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.btn-primary[data-v-b8e3110f]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-secondary[data-v-b8e3110f]{background:#f5f5f5;color:#666;border:1px solid #ddd}.btn-secondary[data-v-b8e3110f]:hover{background:#e0e0e0}.suggestions[data-v-b8e3110f]{border-top:1px solid #eef2f6;padding-top:20px}.suggestions p[data-v-b8e3110f]{color:#999;font-size:14px;margin-bottom:15px}.available-routes[data-v-b8e3110f]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.suggestion-link[data-v-b8e3110f]{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#f8fafc;color:#667eea;text-decoration:none;border-radius:20px;font-size:13px;transition:all .3s}.suggestion-link[data-v-b8e3110f]:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.suggestion-link i[data-v-b8e3110f]{font-size:12px}@media(max-width:768px){.not-found-card[data-v-b8e3110f]{padding:30px 20px}.error-code[data-v-b8e3110f]{font-size:60px}.title[data-v-b8e3110f]{font-size:24px}.action-buttons[data-v-b8e3110f]{flex-direction:column}.btn-primary[data-v-b8e3110f],.btn-secondary[data-v-b8e3110f]{justify-content:center}}