.billing-page[data-v-5935dfd2]{padding:0}.summary-grid[data-v-5935dfd2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.summary-card[data-v-5935dfd2]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:20px}.summary-card[data-v-5935dfd2]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px}.summary-card.card-1[data-v-5935dfd2]:before{background:linear-gradient(90deg,#667eea,#764ba2)}.summary-card.card-2[data-v-5935dfd2]:before{background:linear-gradient(90deg,#f093fb,#f5576c)}.summary-card.card-3[data-v-5935dfd2]:before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.summary-card.card-4[data-v-5935dfd2]:before{background:linear-gradient(90deg,#43e97b,#38f9d7)}.summary-card[data-v-5935dfd2]:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.12)}.summary-icon[data-v-5935dfd2]{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-card.card-1 .summary-icon[data-v-5935dfd2]{background:linear-gradient(135deg,#667eea,#764ba2)}.summary-card.card-2 .summary-icon[data-v-5935dfd2]{background:linear-gradient(135deg,#f093fb,#f5576c)}.summary-card.card-3 .summary-icon[data-v-5935dfd2]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.summary-card.card-4 .summary-icon[data-v-5935dfd2]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.summary-icon i[data-v-5935dfd2]{color:#fff;font-size:24px}.summary-content[data-v-5935dfd2]{flex:1}.summary-content h3[data-v-5935dfd2]{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 4px}.summary-content p[data-v-5935dfd2]{font-size:14px;color:#6b7280;margin:0 0 8px;font-weight:500}.summary-trend[data-v-5935dfd2]{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px}.summary-trend.positive[data-v-5935dfd2]{background:#dcfce7;color:#166534}.summary-trend.neutral[data-v-5935dfd2]{background:#f3f4f6;color:#6b7280}.form-modern[data-v-5935dfd2]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #e2e8f0}.form-modern .form-group[data-v-5935dfd2]{margin-bottom:20px}.form-modern label[data-v-5935dfd2]{font-weight:600;color:#374151;margin-bottom:8px}.form-modern .form-control[data-v-5935dfd2]{border-radius:8px;border:1px solid #d1d5db;padding:12px 16px;font-size:14px;transition:all .2s}.form-modern .form-control[data-v-5935dfd2]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.table-modern[data-v-5935dfd2]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.table-modern th[data-v-5935dfd2]{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;font-size:14px}.table-modern td[data-v-5935dfd2]{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#4b5563;font-size:14px}.table-modern tr[data-v-5935dfd2]:hover{background:#f8fafc}.table-modern tr.selected[data-v-5935dfd2]{background:#eff6ff;border-left:3px solid #3b82f6}.sortable-header[data-v-5935dfd2]{transition:background-color .2s}.sortable-header[data-v-5935dfd2]:hover{background:#e2e8f0!important}.sortable-header i[data-v-5935dfd2]{margin-left:8px}.selectable-table tr[data-v-5935dfd2]{cursor:pointer}.selectable-table tr[data-v-5935dfd2]:hover{background:#f8fafc}.selectable-table tr.selected[data-v-5935dfd2]{background:#eff6ff;border-left:3px solid #3b82f6}.header-content[data-v-5935dfd2]{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;width:100%}.header-content>div[data-v-5935dfd2]:first-child{flex:1}.header-content h3[data-v-5935dfd2]{font-size:20px}.header-content h3[data-v-5935dfd2],.header-content h4[data-v-5935dfd2]{font-weight:600;color:#1f2937;margin:0 0 4px;display:flex;align-items:center;gap:12px}.header-content h4[data-v-5935dfd2]{font-size:18px}.header-content h2[data-v-5935dfd2]{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px;display:flex;align-items:center;gap:12px}.header-content p[data-v-5935dfd2]{font-size:14px;color:#6b7280;margin:0}.header-actions[data-v-5935dfd2]{display:flex;gap:12px;align-items:center;flex-shrink:0}.debug-info[data-v-5935dfd2]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-family:Courier New,monospace}[data-v-5935dfd2] .nav-tabs{border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:16px 16px 0 0;padding:8px 8px 0}[data-v-5935dfd2] .nav-tabs .nav-link{border:none;border-radius:12px;color:#6b7280;font-weight:500;padding:12px 20px;margin-right:4px;transition:all .2s ease}[data-v-5935dfd2] .nav-tabs .nav-link:hover{background:rgba(102,126,234,.1);color:#667eea;border:none}[data-v-5935dfd2] .nav-tabs .nav-link.active{background:#667eea;color:#fff;border:none;box-shadow:0 2px 8px rgba(102,126,234,.3)}[data-v-5935dfd2] .tab-content{padding:24px;background:#fff;border-radius:0 0 16px 16px}[data-v-5935dfd2] .modern-modal .modal-content{border-radius:16px;border:none;box-shadow:0 20px 40px rgba(0,0,0,.15)}[data-v-5935dfd2] .modern-modal .modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;padding:20px 24px}[data-v-5935dfd2] .modern-modal .modal-title{font-size:20px;font-weight:600;color:#1f2937}[data-v-5935dfd2] .modern-modal .modal-body{padding:24px}@media (max-width:1200px){.summary-grid[data-v-5935dfd2]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.summary-grid[data-v-5935dfd2]{grid-template-columns:1fr}.form-row[data-v-5935dfd2]{flex-direction:column;align-items:stretch}.form-group[data-v-5935dfd2],.search-input-group[data-v-5935dfd2]{min-width:auto}.header-content[data-v-5935dfd2]{flex-direction:column;align-items:stretch;gap:16px}}@media (max-width:480px){.summary-card[data-v-5935dfd2]{padding:16px}.form-actions[data-v-5935dfd2]{flex-direction:column}}.summary-actions[data-v-5935dfd2]{margin-top:24px}.invoice-actions[data-v-5935dfd2],.summary-actions[data-v-5935dfd2]{display:flex;justify-content:flex-end;gap:12px}.modern-select[data-v-5935dfd2]{font-size:14px}.modern-select .vs__dropdown-toggle[data-v-5935dfd2]{border:2px solid #e2e8f0;border-radius:8px;padding:8px 12px;min-height:44px;transition:all .3s ease}.modern-select .vs__dropdown-toggle[data-v-5935dfd2]:hover{border-color:#cbd5e0}.modern-select.vs--open .vs__dropdown-toggle[data-v-5935dfd2]{border-color:#e31e23;box-shadow:0 0 0 3px rgba(227,30,35,.1)}.modern-select .vs__selected[data-v-5935dfd2]{color:#2d3748;font-weight:500}.modern-select .vs__search[data-v-5935dfd2]{font-size:14px;color:#2d3748}.modern-select .vs__search[data-v-5935dfd2]::-moz-placeholder{color:#a0aec0}.modern-select .vs__search[data-v-5935dfd2]::placeholder{color:#a0aec0}.modern-select .vs__dropdown-menu[data-v-5935dfd2]{border:2px solid #e31e23;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.1);margin-top:4px}.modern-select .vs__dropdown-option[data-v-5935dfd2]{padding:12px 16px;color:#2d3748;transition:all .2s ease}.modern-select .vs__dropdown-option--highlight[data-v-5935dfd2]{background:#e31e23;color:#fff}.modern-select .vs__no-options[data-v-5935dfd2]{padding:16px;color:#a0aec0;font-style:italic;text-align:center}.dropdown-option[data-v-5935dfd2]{padding:4px 0;line-height:1.4}.modern-select .vs__spinner[data-v-5935dfd2]{border-color:#e31e23 transparent transparent}.modern-select .vs__clear[data-v-5935dfd2]{color:#a0aec0;transition:color .2s ease}.modern-select .vs__clear[data-v-5935dfd2]:hover{color:#e31e23}.pagination[data-v-5935dfd2]{margin:0}.page-link[data-v-5935dfd2]{border:2px solid #e2e8f0;color:#4a5568;padding:8px 16px;transition:all .3s ease}.page-link[data-v-5935dfd2]:hover{border-color:#e31e23;color:#e31e23;background-color:#fff5f5}.page-item.active .page-link[data-v-5935dfd2]{background-color:#e31e23;border-color:#e31e23;color:#fff}.table-loading[data-v-5935dfd2]{opacity:.6;pointer-events:none}.loading-overlay[data-v-5935dfd2]{position:relative}.loading-overlay[data-v-5935dfd2]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;z-index:10}.form-control-modern[data-v-5935dfd2]:focus{border-color:#e31e23;box-shadow:0 0 0 3px rgba(227,30,35,.1)}.form-group[data-v-5935dfd2]{margin-bottom:1.5rem}.form-group label[data-v-5935dfd2]{font-weight:600;color:#2d3748;margin-bottom:8px}.btn-modern[data-v-5935dfd2]:disabled{opacity:.6;cursor:not-allowed}.btn-modern[data-v-5935dfd2]:focus{box-shadow:0 0 0 3px rgba(227,30,35,.2)}.search-input-group[data-v-5935dfd2]{position:relative}.search-icon[data-v-5935dfd2]{left:12px;color:#6c757d}.search-icon[data-v-5935dfd2],.search-loading[data-v-5935dfd2]{position:absolute;top:50%;transform:translateY(-50%);font-size:14px;z-index:2}.search-loading[data-v-5935dfd2]{right:12px;color:#007bff}.search-input[data-v-5935dfd2]{padding-left:35px;padding-right:35px;border:2px solid #e9ecef;border-radius:8px;transition:border-color .3s ease;font-size:14px;height:40px}.search-input[data-v-5935dfd2]:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.selectable-table tbody tr[data-v-5935dfd2]{cursor:pointer;transition:background-color .2s ease}.selectable-table tbody tr[data-v-5935dfd2]:hover{background-color:#f8f9fa}.selectable-table tbody tr.selected[data-v-5935dfd2]{background-color:#e3f2fd;border-left:4px solid #2196f3}.sortable-header[data-v-5935dfd2]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease}.sortable-header[data-v-5935dfd2]:hover{background-color:#f8f9fa}.sortable-header i[data-v-5935dfd2]{margin-left:5px;font-size:12px}.text-center.p-4[data-v-5935dfd2]{padding:2rem 1rem!important;color:#6c757d}.text-center.p-4 .b-spinner[data-v-5935dfd2]{color:#007bff}.btn-modern[disabled][data-v-5935dfd2]{opacity:.6;cursor:not-allowed}.billing-wrapper[data-v-3f0dcc7a]{padding:0}.page-header-section[data-v-3f0dcc7a]{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:32px}.page-header-content[data-v-3f0dcc7a]{padding:24px 32px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.page-title-section[data-v-3f0dcc7a]{flex:1;min-width:200px}.page-title[data-v-3f0dcc7a]{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 4px;line-height:1.2}.page-subtitle[data-v-3f0dcc7a]{font-size:16px;color:#718096;margin:0;line-height:1.4}@media (max-width:768px){.page-header-content[data-v-3f0dcc7a]{padding:20px 16px;flex-direction:column;align-items:stretch;gap:16px}.page-title[data-v-3f0dcc7a]{font-size:24px}}