.suppliers[data-v-bec33864]{padding:24px;margin:16px;background:#212134;color:#fff;height:calc(100% - 32px);width:calc(100% - 32px);box-sizing:border-box;overflow:hidden;border-radius:16px;border:1px solid #212134;display:flex;flex-direction:column}.suppliers-header[data-v-bec33864]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.suppliers-header .suppliers-title[data-v-bec33864]{font-size:24px;font-weight:700;color:#fff;margin:0 0 4px 0;letter-spacing:-.5px}.suppliers-header .suppliers-subtitle[data-v-bec33864]{font-size:14px;color:#4a4a6a;margin:0;font-weight:400}.add-button[data-v-bec33864]{background:linear-gradient(84.4deg,#ea4e44 .07%,#db225a 60%);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;transition:all .2s ease}.add-button[data-v-bec33864]:hover{background:#ea4e44;transform:translateY(-1px)}.control-row[data-v-bec33864]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:32px}.search-section[data-v-bec33864]{display:flex;gap:16px;flex:1;max-width:600px}.search-input[data-v-bec33864]{flex:1;background:#32324d;border:1px solid #4a4a6a;border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;font-weight:400}.search-input[data-v-bec33864]::-moz-placeholder{color:#4a4a6a}.search-input[data-v-bec33864]::placeholder{color:#4a4a6a}.search-input[data-v-bec33864]:focus{outline:none;border-color:#db225a;box-shadow:0 0 0 2px rgba(233,30,99,.2)}.filters-section[data-v-bec33864]{display:flex;gap:16px;align-items:center}.filter-select[data-v-bec33864]{background:#32324d;border:1px solid #4a4a6a;border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;font-weight:400;min-width:160px;cursor:pointer}.filter-select[data-v-bec33864]:focus{outline:none;border-color:#db225a;box-shadow:0 0 0 2px rgba(233,30,99,.2)}.filter-select option[data-v-bec33864]{background:#32324d;color:#fff;padding:8px}.category-select[data-v-bec33864]{background:#32324d;border:1px solid #4a4a6a;border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;font-weight:400;min-width:180px}.category-select[data-v-bec33864]:focus{outline:none;border-color:#db225a;box-shadow:0 0 0 2px rgba(233,30,99,.2)}.category-select option[data-v-bec33864]{background:#32324d;color:#fff}.stats-section[data-v-bec33864]{display:flex;gap:32px}.stat-item[data-v-bec33864]{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.stat-item .stat-value[data-v-bec33864]{font-size:20px;font-weight:600;color:#fff;line-height:1}.stat-item .stat-label[data-v-bec33864]{font-size:12px;color:#c0c0cf;text-transform:uppercase;letter-spacing:.5px;font-weight:400}.results-info[data-v-bec33864]{font-size:12px;color:#c0c0cf;margin-bottom:24px;font-weight:400}.active-filters[data-v-bec33864]{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:12px 0;overflow-x:hidden;width:100%}.clear-filters-btn[data-v-bec33864]{background:#db225a;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.clear-filters-btn[data-v-bec33864]:hover{background:#ea4e44}.filter-tags[data-v-bec33864]{display:flex;gap:8px;align-items:center;flex:1;overflow-x:auto;overflow-y:hidden;max-width:calc(100% - 140px);padding-right:8px;scrollbar-width:thin;scrollbar-color:#4a4a6a #212134}.filter-tags[data-v-bec33864]::-webkit-scrollbar{height:4px}.filter-tags[data-v-bec33864]::-webkit-scrollbar-track{background:#212134;border-radius:2px}.filter-tags[data-v-bec33864]::-webkit-scrollbar-thumb{background:#4a4a6a;border-radius:2px}.filter-tags[data-v-bec33864]::-webkit-scrollbar-thumb:hover{background:#4a4a6a}.filter-tag[data-v-bec33864]{display:flex;align-items:center;gap:8px;background:#4a4a6a;color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:400;flex-shrink:0}.filter-tag span[data-v-bec33864]{white-space:nowrap}.remove-filter-btn[data-v-bec33864]{background:none;border:none;color:#c0c0cf;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:16px;height:16px;transition:all .2s ease}.remove-filter-btn[data-v-bec33864]:hover{background:#4a4a6a;color:#fff}.remove-filter-btn svg[data-v-bec33864]{width:10px;height:10px}.suppliers-table[data-v-bec33864]{flex:1;overflow-y:auto;overflow-x:hidden}.suppliers-table .empty-state[data-v-bec33864],.suppliers-table .loading-state[data-v-bec33864]{text-align:center;padding:64px 32px;color:#c0c0cf}.suppliers-table .empty-state .empty-icon[data-v-bec33864],.suppliers-table .empty-state .loading-icon[data-v-bec33864],.suppliers-table .loading-state .empty-icon[data-v-bec33864],.suppliers-table .loading-state .loading-icon[data-v-bec33864]{font-size:48px;margin-bottom:16px;opacity:.5;color:#4a4a6a}.suppliers-table .empty-state .loading-icon[data-v-bec33864],.suppliers-table .loading-state .loading-icon[data-v-bec33864]{animation:spin-bec33864 2s linear infinite}.suppliers-table .empty-state p[data-v-bec33864],.suppliers-table .loading-state p[data-v-bec33864]{margin:0;font-size:14px;font-weight:400;color:#c0c0cf}.table[data-v-bec33864]{width:100%;border-collapse:collapse}.table th[data-v-bec33864]{text-align:left;padding:16px 24px 16px 24px;font-size:13px;font-weight:500;color:#c0c0cf;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #4a4a6a}.table .table-row[data-v-bec33864]{transition:background-color .2s ease}.table .table-row[data-v-bec33864]:hover{background:#212134}.table td[data-v-bec33864]{padding:20px 24px 20px 24px;border-bottom:1px solid #212134;font-size:14px;font-weight:400;vertical-align:middle;color:#fff;height:88px}.supplier-cell[data-v-bec33864]{display:flex;flex-direction:column;justify-content:center;height:48px}.supplier-cell .supplier-name[data-v-bec33864]{color:#fff;margin-bottom:4px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px;height:16px}.supplier-cell .supplier-email[data-v-bec33864]{color:#c0c0cf;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:14px;height:14px}.location-cell[data-v-bec33864]{display:flex;flex-direction:column;justify-content:center;height:48px}.location-cell .city-name[data-v-bec33864]{color:#fff;margin-bottom:4px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px;height:16px}.location-cell .department-code[data-v-bec33864]{color:#c0c0cf;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:14px;height:14px}.contact-cell[data-v-bec33864]{display:flex;flex-direction:column;justify-content:center;height:48px}.contact-cell .contact-name[data-v-bec33864]{color:#fff;margin-bottom:4px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px;height:16px}.contact-cell .contact-phone[data-v-bec33864]{color:#c0c0cf;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:14px;height:14px}.table td[data-v-bec33864]:nth-child(2),.table td[data-v-bec33864]:nth-child(5),.table td[data-v-bec33864]:nth-child(6){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.amount-cell[data-v-bec33864]{font-weight:500;color:#5cb176}.status[data-v-bec33864]{font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.status.activo[data-v-bec33864]{color:#5cb176}.status.inactivo[data-v-bec33864]{color:#4a4a6a}.actions[data-v-bec33864]{display:flex;gap:8px}.action-btn[data-v-bec33864]{background:none;border:none;padding:8px;cursor:pointer;color:#4a4a6a;transition:color .2s ease;border-radius:4px}.action-btn[data-v-bec33864]:hover{color:#c0c0cf}.action-btn--delete[data-v-bec33864]:hover{color:#ea4e44}.modal-backdrop[data-v-bec33864]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-bec33864],.modal[data-v-bec33864]{background:#32324d;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.2)}.modal-header[data-v-bec33864]{display:flex;justify-content:space-between;align-items:center;padding:32px;border-bottom:1px solid #4a4a6a}.modal-header h3[data-v-bec33864]{margin:0;font-size:20px;font-weight:600;color:#fff}.modal-header .close-btn[data-v-bec33864]{background:none;border:none;cursor:pointer;color:#4a4a6a;padding:8px;border-radius:4px;transition:color .2s ease}.modal-header .close-btn[data-v-bec33864]:hover{color:#fff}.modal-body[data-v-bec33864]{padding:32px;max-height:400px;overflow-y:auto}.form-grid[data-v-bec33864]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-group label[data-v-bec33864]{display:block;margin-bottom:8px;font-size:13px;color:#fff;font-weight:500}.form-group label .required[data-v-bec33864]{color:#db225a;font-weight:600;margin-left:2px}.form-group input[data-v-bec33864],.form-group select[data-v-bec33864]{width:100%;background:#32324d;border:1px solid #4a4a6a;border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;font-weight:400;box-sizing:border-box}.form-group input[data-v-bec33864]::-moz-placeholder,.form-group select[data-v-bec33864]::-moz-placeholder{color:#4a4a6a}.form-group input[data-v-bec33864]::placeholder,.form-group select[data-v-bec33864]::placeholder{color:#4a4a6a}.form-group input[data-v-bec33864]:focus,.form-group select[data-v-bec33864]:focus{outline:none;border-color:#db225a;box-shadow:0 0 0 2px rgba(233,30,99,.2)}.form-group input option[data-v-bec33864],.form-group select option[data-v-bec33864]{background:#32324d;color:#fff}.form-group--full[data-v-bec33864]{grid-column:1/-1}.city-selector[data-v-bec33864]{position:relative}.city-selector .city-input[data-v-bec33864]{cursor:pointer}.city-selector .city-dropdown[data-v-bec33864]{position:absolute;top:100%;left:0;right:0;background:#32324d;border:1px solid #4a4a6a;border-radius:8px;max-height:200px;overflow-y:auto;z-index:1000;margin-top:4px}.city-selector .city-dropdown .city-option[data-v-bec33864]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #4a4a6a}.city-selector .city-dropdown .city-option[data-v-bec33864]:last-child{border-bottom:none}.city-selector .city-dropdown .city-option[data-v-bec33864]:hover{background:#5cb176;color:#fff}.city-selector .city-dropdown .city-option:hover .department-code-option[data-v-bec33864]{color:#fff}.city-selector .city-dropdown .city-option--selected[data-v-bec33864]{background:#5cb176;color:#fff}.city-selector .city-dropdown .city-option--selected .department-code-option[data-v-bec33864]{color:#fff}.city-selector .city-dropdown .city-option .city-name-option[data-v-bec33864]{font-size:14px;font-weight:400;color:#fff}.city-selector .city-dropdown .city-option .department-code-option[data-v-bec33864]{font-size:12px;color:#c0c0cf;font-weight:400}.modal-footer[data-v-bec33864]{padding:32px;border-top:1px solid #4a4a6a;display:flex;justify-content:flex-end;gap:16px}.btn[data-v-bec33864]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn--primary[data-v-bec33864]{background:linear-gradient(84.4deg,#ea4e44 .07%,#db225a 60%);color:#fff}.btn--primary[data-v-bec33864]:hover{background:#ea4e44}.btn--primary[data-v-bec33864]:disabled{background:#4a4a6a;color:#c0c0cf;cursor:not-allowed;transform:none}.btn--secondary[data-v-bec33864]{background:#4a4a6a;color:#eaeaef;border:1px solid #4a4a6a}.btn--secondary[data-v-bec33864]:hover{background:#4a4a6a;color:#fff}.btn--danger[data-v-bec33864]{background:#db225a;color:#fff}.btn--danger[data-v-bec33864]:hover{background:#db225a}.modal-content--small[data-v-bec33864]{max-width:480px}.delete-confirmation[data-v-bec33864]{text-align:center;padding:24px 0}.delete-confirmation .warning-icon[data-v-bec33864]{display:flex;justify-content:center;align-items:center;width:64px;height:64px;background:rgba(233,30,99,.15);border-radius:50%;margin:0 auto 24px;color:#db225a}.delete-confirmation .warning-icon svg[data-v-bec33864]{width:32px;height:32px}.delete-confirmation .warning-text[data-v-bec33864]{font-size:16px;color:#fff;margin:0 0 8px 0;font-weight:400;line-height:1.5}.delete-confirmation .warning-text strong[data-v-bec33864]{color:#ea4e44;font-weight:600}.delete-confirmation .warning-subtext[data-v-bec33864]{font-size:14px;color:#c0c0cf;margin:0;font-weight:400}.skeleton-container[data-v-bec33864]{width:100%}.skeleton-row .skeleton-cell[data-v-bec33864]{display:flex;flex-direction:column;gap:4px}.skeleton-line[data-v-bec33864]{height:16px;background:linear-gradient(90deg,rgba(55,58,77,.4) 25%,rgba(74,77,98,.6) 50%,rgba(55,58,77,.4) 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-loading-bec33864 1.5s infinite}.skeleton-line--name[data-v-bec33864]{width:75%;height:16px}.skeleton-line--email[data-v-bec33864]{width:60%;height:12px;margin-top:2px}.skeleton-line--city[data-v-bec33864]{width:80%;height:16px}.skeleton-line--department[data-v-bec33864]{width:40%;height:12px;margin-top:2px}.skeleton-line--category[data-v-bec33864]{width:70%;height:16px}.skeleton-line--contact[data-v-bec33864]{width:85%;height:16px}.skeleton-line--phone[data-v-bec33864]{width:65%;height:12px;margin-top:2px}.skeleton-line--nit[data-v-bec33864]{width:90%;height:16px}.skeleton-line--address[data-v-bec33864]{width:95%;height:16px}.skeleton-line--status[data-v-bec33864]{width:60px;height:20px;border-radius:10px}.skeleton-actions[data-v-bec33864]{display:flex;gap:8px;align-items:center}.skeleton-action-btn[data-v-bec33864]{width:32px;height:32px;background:linear-gradient(90deg,rgba(55,58,77,.4) 25%,rgba(74,77,98,.6) 50%,rgba(55,58,77,.4) 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-loading-bec33864 1.5s infinite}@keyframes skeleton-loading-bec33864{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin-bec33864{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.suppliers-cards[data-v-bec33864]{display:none;flex-direction:column;gap:16px;padding:8px 0}.supplier-card[data-v-bec33864]{background:#32324d;border:1px solid #4a4a6a;border-radius:12px;padding:20px;transition:all .2s ease;flex-shrink:0}.supplier-card[data-v-bec33864]:hover{background:#313548;border-color:#db225a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(233,30,99,.15)}.supplier-card .card-header[data-v-bec33864]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #4a4a6a}.supplier-card .card-header .supplier-info .supplier-name[data-v-bec33864]{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px 0}.supplier-card .card-header .supplier-info .supplier-email[data-v-bec33864]{font-size:13px;color:#c0c0cf;margin:0}.supplier-card .card-content[data-v-bec33864]{display:grid;gap:12px;margin-bottom:20px}.supplier-card .card-content .card-section[data-v-bec33864]{display:flex;justify-content:space-between;align-items:center;min-height:20px}.supplier-card .card-content .card-section .card-label[data-v-bec33864]{font-size:12px;color:#4a4a6a;font-weight:500;min-width:80px}.supplier-card .card-content .card-section .card-value[data-v-bec33864]{font-size:13px;color:#fff;text-align:right;flex:1}.supplier-card .card-content .card-section .card-value .contact-phone[data-v-bec33864]{font-size:12px;color:#c0c0cf;margin-top:2px}.supplier-card .card-content .card-section .card-value.category-tag[data-v-bec33864]{background:#db225a;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;display:inline-block}.supplier-card .card-actions[data-v-bec33864]{display:flex;gap:8px}.supplier-card .card-actions .btn[data-v-bec33864]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;font-size:13px;border-radius:8px}.supplier-card .card-actions .btn.btn-edit[data-v-bec33864]{background:#5cb176;border:1px solid #5cb176;color:#fff}.supplier-card .card-actions .btn.btn-edit[data-v-bec33864]:hover{background:#45a049}.supplier-card .card-actions .btn.btn-delete[data-v-bec33864]{background:transparent;border:1px solid #db225a;color:#db225a}.supplier-card .card-actions .btn.btn-delete[data-v-bec33864]:hover{background:#db225a;color:#fff}.supplier-card.skeleton-card[data-v-bec33864]:hover{transform:none;background:#32324d;border-color:#4a4a6a;box-shadow:none}.status-badge[data-v-bec33864]{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-activo[data-v-bec33864]{background:rgba(76,175,80,.2);color:#5cb176;border:1px solid rgba(76,175,80,.3)}.status-badge.status-inactivo[data-v-bec33864]{background:rgba(107,110,130,.2);color:#4a4a6a;border:1px solid rgba(107,110,130,.3)}.card-body[data-v-bec33864]{margin-bottom:20px}.info-row[data-v-bec33864]{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.info-row[data-v-bec33864]:last-child{margin-bottom:0}.info-item[data-v-bec33864]{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.info-item .info-icon[data-v-bec33864]{color:#db225a;font-size:14px;flex-shrink:0;width:16px;height:16px}.info-item .info-text[data-v-bec33864]{font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions[data-v-bec33864]{display:flex;gap:12px;padding-top:16px;border-top:1px solid #4a4a6a}.card-action-btn[data-v-bec33864]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.card-action-btn--edit[data-v-bec33864]{background:#4a4a6a;color:#fff}.card-action-btn--edit[data-v-bec33864]:hover{background:#4a4a6a;transform:translateY(-1px)}.card-action-btn--delete[data-v-bec33864]{background:rgba(244,67,54,.1);color:#ea4e44;border:1px solid rgba(244,67,54,.3)}.card-action-btn--delete[data-v-bec33864]:hover{background:rgba(244,67,54,.2);transform:translateY(-1px)}.card-action-btn span[data-v-bec33864]{font-size:13px}.skeleton-line--card-name[data-v-bec33864]{width:70%;height:18px;margin-bottom:8px}.skeleton-line--card-status[data-v-bec33864]{width:60px;height:20px;border-radius:6px}.skeleton-line--card-info[data-v-bec33864]{width:85%;height:14px;margin-bottom:8px}.skeleton-line--card-info[data-v-bec33864]:nth-child(2){width:60%}.skeleton-line--card-info[data-v-bec33864]:last-child{width:75%;margin-bottom:0}@media(max-width:768px){.suppliers[data-v-bec33864]{padding:16px;margin:8px;height:calc(100% - 16px);width:calc(100% - 16px);overflow:hidden;display:flex;flex-direction:column}.suppliers-table[data-v-bec33864]{overflow:hidden!important;flex:1;display:flex;flex-direction:column}.table[data-v-bec33864]{display:none!important}.suppliers-cards[data-v-bec33864]{display:flex!important;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;height:auto}.suppliers-header[data-v-bec33864]{flex-direction:column;gap:16px}.suppliers-header .add-button[data-v-bec33864]{align-self:stretch;justify-content:center}.control-row[data-v-bec33864]{flex-direction:column;gap:16px;align-items:stretch}.search-section[data-v-bec33864]{max-width:none}.suppliers-cards[data-v-bec33864]{gap:12px}.supplier-card[data-v-bec33864]{padding:16px}.card-header[data-v-bec33864]{margin-bottom:12px}.supplier-info .supplier-name[data-v-bec33864]{font-size:16px}.info-row[data-v-bec33864]{flex-direction:column;gap:8px;margin-bottom:8px}.info-item[data-v-bec33864]{flex:none}.card-actions[data-v-bec33864]{gap:8px;margin-top:12px;padding-top:12px}.card-action-btn[data-v-bec33864]{padding:10px 12px;font-size:13px}.form-grid[data-v-bec33864]{grid-template-columns:1fr}.modal-footer[data-v-bec33864]{flex-direction:column-reverse}.modal-footer .btn[data-v-bec33864]{width:100%;justify-content:center}}