.payments-view[data-v-69b44109]{padding:20px;background:#f8f9fa;min-height:100vh}.page-header[data-v-69b44109]{background:linear-gradient(135deg,#fff,#f8f9fa);padding:24px;margin-bottom:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-left[data-v-69b44109]{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.btn[data-v-69b44109]{padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn-primary[data-v-69b44109]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-69b44109]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.tabs[data-v-69b44109]{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.tab[data-v-69b44109]{padding:10px 20px;border-radius:6px;color:#6c757d;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.tab[data-v-69b44109]:hover{background:#f8f9fa;color:#495057}.tab-active[data-v-69b44109]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.3)}.search-input[data-v-69b44109]{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;min-width:300px;font-size:14px;transition:all .3s ease}.search-input[data-v-69b44109]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.summary[data-v-69b44109]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.summary-item[data-v-69b44109]{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.summary-item[data-v-69b44109]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.summary-label[data-v-69b44109]{font-size:13px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:12px}.summary-value[data-v-69b44109]{font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:12px}.table-container[data-v-69b44109]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.payments-table[data-v-69b44109]{width:100%;border-collapse:separate;border-spacing:0}.payments-table th[data-v-69b44109],.payments-table thead[data-v-69b44109]{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.payments-table th[data-v-69b44109]{padding:18px 20px;text-align:left;font-size:12px;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #dee2e6;position:sticky;top:0;z-index:10}.payments-table tbody tr[data-v-69b44109]{cursor:pointer;transition:all .3s ease;position:relative}.payments-table tbody tr[data-v-69b44109]:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,#e9ecef 50%,transparent)}.payments-table tbody tr[data-v-69b44109]:hover{background:linear-gradient(135deg,#f8f9fa,#fff);transform:scale(1.01);box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:1}.payments-table td[data-v-69b44109]{padding:20px;font-size:14px;color:#2c3e50;vertical-align:middle}.contractor-cell[data-v-69b44109]{display:flex;align-items:center;gap:12px}.icon[data-v-69b44109]{font-size:24px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:all .3s ease}.payments-table tbody tr:hover .icon[data-v-69b44109]{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.1)}.contractor-info[data-v-69b44109]{display:flex;flex-direction:column;gap:4px}.contractor-info .name[data-v-69b44109]{font-weight:600;color:#2c3e50;font-size:15px}.contractor-info .type[data-v-69b44109]{font-size:12px;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;text-align:left}.date-badge[data-v-69b44109]{color:#495057;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.date-badge[data-v-69b44109],.price[data-v-69b44109]{font-weight:600;font-size:14px;padding:6px 14px;border-radius:8px;display:inline-block}.price[data-v-69b44109]{color:#28a745;background:linear-gradient(135deg,#d4edda,#c3e6cb)}.badge-paid[data-v-69b44109]{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border-radius:20px;font-size:12px;font-weight:700;border-left:3px solid #28a745;box-shadow:0 2px 4px rgba(40,167,69,.2)}.btn-details[data-v-69b44109]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(102,126,234,.3)}.btn-details[data-v-69b44109]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-details[data-v-69b44109]:active{transform:translateY(0)}@media (max-width:768px){.payments-view[data-v-69b44109]{padding:12px}.page-header[data-v-69b44109]{flex-direction:column;align-items:stretch;padding:16px}.header-left[data-v-69b44109]{flex-direction:column;width:100%}.tabs[data-v-69b44109]{width:100%}.search-input[data-v-69b44109]{min-width:100%}.table-container[data-v-69b44109]{overflow-x:auto;border-radius:8px}.payments-table[data-v-69b44109]{min-width:900px}.payments-table td[data-v-69b44109],.payments-table th[data-v-69b44109]{padding:12px;font-size:13px}}