.pending-payments-container{padding:20px;max-width:1400px;margin:0 auto}.pending-payments-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.pending-payments-header .page-title{font-size:28px;font-weight:600;color:#333;display:flex;align-items:center;gap:12px}.pending-payments-header .page-title i{color:#66523c}.btn-payment-history{padding:12px 24px;background:#66523c;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #66523c33}.btn-payment-history:hover{background:#4d3d2c;transform:translateY(-2px);box-shadow:0 4px 12px #66523c4d}.pending-payments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:15px}.pending-payments-loading i{font-size:48px;color:#66523c}.pending-payments-loading p{font-size:18px;color:#666}.pending-payments-statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.stats-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;align-items:center;transition:transform .2s,box-shadow .2s}.stats-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #00000026}.stats-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#66523c,#8b7355);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-icon i{font-size:28px;color:#fff}.stats-content{flex:1}.stats-label{font-size:14px;color:#666;margin-bottom:6px;font-weight:500}.stats-value{font-size:26px;font-weight:700;color:#333}.pending-payments-filters{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:30px}.filters-row{display:grid;grid-template-columns:1.5fr 2fr 1fr 1fr 2fr auto;gap:15px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:13px;font-weight:600;color:#555}.filter-date-input{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.filter-date-input:focus{outline:none;border-color:#66523c}.search-box{position:relative;display:flex;align-items:center}.search-box i.fa-search{position:absolute;left:12px;color:#999}.search-input{padding:10px 14px 10px 40px;border:1px solid #ddd;border-radius:8px;width:100%;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#66523c}.clear-search{position:absolute;right:12px;background:none;border:none;color:#999;cursor:pointer;padding:4px;transition:color .2s}.clear-search:hover{color:#d33}.btn-refresh{padding:10px 16px;background:#66523c;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s;height:42px}.btn-refresh:hover{background:#4d3d2c}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.pending-payments-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr 2fr;gap:15px;padding:16px 20px;background:#f8f9fa;font-weight:600;font-size:13px;color:#555;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr 2fr;gap:15px;padding:18px 20px;border-bottom:1px solid #f0f0f0;align-items:center;transition:background .2s}.table-row:hover{background:#fafafa}.table-row:last-child{border-bottom:none}.col-supplier{display:flex;align-items:center;gap:10px;font-weight:500;color:#333}.col-supplier i{color:#66523c;font-size:18px}.col-date{color:#666}.col-amount{font-weight:600;color:#333;font-size:16px}.days-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.days-badge.badge-success{background:#d4edda;color:#155724}.days-badge.badge-warning{background:#fff3cd;color:#856404}.days-badge.badge-danger{background:#f8d7da;color:#721c24}.col-actions{display:flex;gap:10px}.btn-view-invoice,.btn-mark-paid{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-view-invoice{background:#66523c;color:#fff}.btn-view-invoice:hover{background:#4d3d2c}.btn-view-invoice:disabled{background:#ccc;cursor:not-allowed}.btn-mark-paid{background:#28a745;color:#fff}.btn-mark-paid:hover{background:#218838}.pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}.pagination-btn{padding:8px 12px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;min-width:40px}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#66523c}.pagination-btn.active{background:#66523c;color:#fff;border-color:#66523c}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.no-pending-payments{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.no-pending-payments i{font-size:64px;color:#28a745;margin-bottom:16px}.no-pending-payments p{font-size:18px;color:#666}.invoice-viewer-modal{padding:20px 0}.invoice-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:20px}.invoice-image-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a}.invoice-image-item:hover{transform:scale(1.05);box-shadow:0 4px 16px #0003}.invoice-image-item img{width:100%;height:200px;object-fit:cover}.image-number{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.invoice-viewer-actions{display:flex;justify-content:center}.btn-download-all{padding:12px 24px;background:#66523c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px}.btn-download-all:hover{background:#4d3d2c}.swal-fullscreen-image{max-height:90vh!important;object-fit:contain!important}.swal2-container,.swal2-container.swal2-shown{z-index:9999!important}@media (max-width: 1024px){.filters-row{grid-template-columns:1fr 1fr}.table-header,.table-row{grid-template-columns:1fr;gap:10px}.table-header>div{display:none}.table-row>div:before{content:attr(data-label);font-weight:600;display:inline-block;width:120px}}@media (max-width: 768px){.pending-payments-statistics,.filters-row{grid-template-columns:1fr}.pending-payments-header{flex-direction:column;align-items:flex-start;gap:15px}.btn-payment-history{width:100%;justify-content:center}}.payment-history-modal{max-width:1200px!important;width:95%!important;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.pending-payments-modal{background:#fff;border-radius:16px;padding:0;box-shadow:0 10px 40px #0003}.pending-payments-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9998;padding:20px}.pending-payments-modal-header{padding:24px 30px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.pending-payments-modal-header h2{font-size:24px;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:12px}.pending-payments-modal-header h2 i{color:#66523c}.close-button{background:none;border:none;font-size:24px;color:#999;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-button:hover{background:#f5f5f5;color:#333}.pending-payments-modal-content{padding:24px 30px;overflow-y:auto;flex:1;max-height:calc(90vh - 200px)}.pending-payments-modal-footer{padding:20px 30px;border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.btn-close{padding:10px 24px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-close:hover{background:#5a6268}.payment-history-filters{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:20px}.payment-history-filters .filters-row{grid-template-columns:2fr 1fr 1fr 2fr auto}.btn-reset-filters{padding:10px 16px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s;height:42px}.btn-reset-filters:hover{background:#5a6268}.payment-history-content{padding:0!important}.payment-history-content .table-responsive{overflow-x:auto}.payment-history-table{width:100%;border-collapse:collapse}.payment-history-table thead{background:#f8f9fa}.payment-history-table th{padding:14px 16px;text-align:left;font-weight:600;font-size:13px;color:#555;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dee2e6}.payment-history-table td{padding:16px;border-bottom:1px solid #f0f0f0;color:#333}.payment-history-table tbody tr:hover{background:#fafafa}.payment-history-table tbody tr:last-child td{border-bottom:none}.payment-history-table .supplier-info{display:flex;flex-direction:column}.payment-history-table .supplier-info strong{color:#333;font-weight:600}.payment-history-table .amount{font-weight:600;color:#28a745;font-size:16px}.payment-history-table .action-buttons{display:flex;gap:8px}.btn-action{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;font-size:13px}.btn-action.btn-view{background:#66523c;color:#fff}.btn-action.btn-view:hover{background:#4d3d2c}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:15px}.loading-state i{font-size:48px;color:#66523c}.empty-state i{font-size:64px;color:#ccc}.loading-state p,.empty-state p{font-size:16px;color:#666}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 16px;border-top:2px solid #f0f0f0;margin-top:20px}.pagination-info{font-size:14px;color:#666}.pagination-buttons{display:flex;align-items:center;gap:12px}.btn-pagination{padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#333;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-pagination:hover:not(:disabled){background:#66523c;color:#fff;border-color:#66523c}.btn-pagination:disabled{opacity:.4;cursor:not-allowed}.pagination-current{padding:8px 16px;font-weight:600;color:#333}@media (max-width: 768px){.payment-history-modal{width:100%!important;max-height:95vh}.payment-history-filters .filters-row{grid-template-columns:1fr}.payment-history-table{display:block}.payment-history-table thead{display:none}.payment-history-table tbody{display:block}.payment-history-table tr{display:block;margin-bottom:16px;border:1px solid #f0f0f0;border-radius:8px;padding:16px}.payment-history-table td{display:block;padding:8px 0;border:none}.payment-history-table td:before{content:attr(data-label);font-weight:600;display:inline-block;width:120px;color:#666}.pagination-container{flex-direction:column;gap:16px}}