.payments-view[data-v-8a17db96]{padding:20px;background:#f8f9fa;min-height:100vh}.page-header[data-v-8a17db96]{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-8a17db96]{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.btn[data-v-8a17db96]{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-8a17db96]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-8a17db96]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.tabs[data-v-8a17db96]{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.tab[data-v-8a17db96]{padding:10px 20px;border-radius:6px;color:#6c757d;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.tab[data-v-8a17db96]:hover{background:#f8f9fa;color:#495057}.tab-active[data-v-8a17db96]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.3)}.search-input[data-v-8a17db96]{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;min-width:300px;font-size:14px;transition:all .3s ease}.search-input[data-v-8a17db96]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.summary[data-v-8a17db96]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.summary-item[data-v-8a17db96]{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-8a17db96]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.summary-label[data-v-8a17db96]{font-size:13px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:12px}.summary-value[data-v-8a17db96]{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-8a17db96]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.payments-table[data-v-8a17db96]{width:100%;border-collapse:separate;border-spacing:0}.payments-table th[data-v-8a17db96],.payments-table thead[data-v-8a17db96]{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.payments-table th[data-v-8a17db96]{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-8a17db96]{cursor:pointer;transition:all .3s ease;position:relative}.payments-table tbody tr[data-v-8a17db96]: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-8a17db96]: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-8a17db96]{padding:20px;font-size:14px;color:#2c3e50;vertical-align:middle}.contractor-cell[data-v-8a17db96]{display:flex;align-items:center;gap:12px}.icon[data-v-8a17db96]{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-8a17db96]{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.1)}.contractor-info[data-v-8a17db96]{display:flex;flex-direction:column;gap:4px}.contractor-info .name[data-v-8a17db96]{font-weight:600;color:#2c3e50;font-size:15px}.contractor-info .type[data-v-8a17db96]{font-size:12px;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;text-align:left}.date-badge[data-v-8a17db96]{font-weight:600;color:#495057;font-size:14px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:6px 14px;border-radius:8px;display:inline-block}.date-badge.date-overdue[data-v-8a17db96]{color:#dc3545;background:linear-gradient(135deg,#f8d7da,#f5c6cb)}.price[data-v-8a17db96]{font-weight:600;color:#28a745;font-size:14px;background:linear-gradient(135deg,#d4edda,#c3e6cb);padding:6px 14px;border-radius:8px;display:inline-block}.row-overdue[data-v-8a17db96]{background:linear-gradient(135deg,rgba(220,53,69,.05),rgba(220,53,69,.02));border-left:4px solid #dc3545}.row-overdue[data-v-8a17db96]:hover{background:linear-gradient(135deg,rgba(220,53,69,.1),rgba(220,53,69,.05))}.badge-email[data-v-8a17db96]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;font-weight:600;border-left:3px solid #2196f3;box-shadow:0 2px 4px rgba(33,150,243,.2)}.badge-email[data-v-8a17db96],.badge-overdue[data-v-8a17db96]{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px}.badge-overdue[data-v-8a17db96]{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;font-weight:700;margin-left:8px;border-left:3px solid #dc3545;box-shadow:0 2px 4px rgba(220,53,69,.2)}.btn-details[data-v-8a17db96]{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-8a17db96]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-details[data-v-8a17db96]:active{transform:translateY(0)}.copyable[data-v-8a17db96]{cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease;display:inline-block}.copyable[data-v-8a17db96]:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));transform:translateY(-1px)}.copyable[data-v-8a17db96]:active{transform:scale(.98)}.copy-toast[data-v-8a17db96]{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 4px 12px rgba(72,187,120,.4);z-index:10000;font-weight:600;animation:slideIn-8a17db96 .3s ease-out;max-width:400px;word-wrap:break-word}@keyframes slideIn-8a17db96{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.payments-view[data-v-8a17db96]{padding:12px}.page-header[data-v-8a17db96]{flex-direction:column;align-items:stretch;padding:16px}.header-left[data-v-8a17db96]{flex-direction:column;width:100%}.tabs[data-v-8a17db96]{width:100%}.search-input[data-v-8a17db96]{min-width:100%}.table-container[data-v-8a17db96]{overflow-x:auto;border-radius:8px}.payments-table[data-v-8a17db96]{min-width:900px}.payments-table td[data-v-8a17db96],.payments-table th[data-v-8a17db96]{padding:12px;font-size:13px}}