.subscription-details-page[data-v-18e7ba46]{min-height:100vh;background:#f8fafc;padding:24px}.subscription-details-page .header-section[data-v-18e7ba46]{margin-bottom:32px;max-width:75%;margin-left:auto;margin-right:auto}.subscription-details-page .header-section .back-btn[data-v-18e7ba46]{background:none;border:none;color:#64748b;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:24px;padding:8px 12px;border-radius:8px;transition:all .2s ease}.subscription-details-page .header-section .back-btn[data-v-18e7ba46]:hover{background:#e2e8f0;color:#475569}.subscription-details-page .header-section .spinner-container[data-v-18e7ba46]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px}.subscription-details-page .header-section .spinner-container p[data-v-18e7ba46]{margin-top:16px;color:#64748b;font-size:.95rem}.subscription-details-page .header-section .subscription-info[data-v-18e7ba46]{background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e2e8f0}.subscription-details-page .header-section .subscription-info h1[data-v-18e7ba46]{font-size:2rem;font-weight:600;margin-bottom:8px;color:#1e293b;line-height:1.2}.subscription-details-page .header-section .subscription-info .desc[data-v-18e7ba46]{font-size:1rem;color:#64748b;margin-bottom:24px;line-height:1.5;cursor:pointer;transition:all .2s ease}.subscription-details-page .header-section .subscription-info .desc.collapsed[data-v-18e7ba46]{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.subscription-details-page .header-section .subscription-info .desc.collapsed[data-v-18e7ba46]:after{content:"... Show more";color:#3b82f6;font-weight:500;margin-left:4px}.subscription-details-page .header-section .subscription-info .desc.expanded[data-v-18e7ba46]:after{content:" Show less";color:#3b82f6;font-weight:500;margin-left:4px}.subscription-details-page .header-section .subscription-info .meta-info[data-v-18e7ba46]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.subscription-details-page .header-section .subscription-info .meta-info .meta-item[data-v-18e7ba46]{background:#f8fafc;padding:16px;border-radius:12px;border:1px solid #e2e8f0}.subscription-details-page .header-section .subscription-info .meta-info .meta-item .meta-label[data-v-18e7ba46]{display:block;font-size:.875rem;color:#64748b;margin-bottom:4px;font-weight:500}.subscription-details-page .header-section .subscription-info .meta-info .meta-item .meta-value[data-v-18e7ba46]{display:block;font-size:1rem;color:#1e293b;font-weight:600}.subscription-details-page .content-section[data-v-18e7ba46]{max-width:75%;margin:0 auto}.subscription-details-page .content-section .targeted-groups-section[data-v-18e7ba46]{margin-bottom:24px}.subscription-details-page .content-section .targeted-groups-section .targeted-groups-card[data-v-18e7ba46]{background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e2e8f0}.subscription-details-page .content-section .targeted-groups-section .targeted-groups-card h3[data-v-18e7ba46]{font-size:1.25rem;font-weight:600;margin:0 0 16px 0;color:#1e293b}.subscription-details-page .content-section .targeted-groups-section .targeted-groups-card .groups-list[data-v-18e7ba46]{display:flex;flex-wrap:wrap;gap:8px}.subscription-details-page .content-section .targeted-groups-section .targeted-groups-card .groups-list .group-badge[data-v-18e7ba46]{background:#e0e7ff;color:#3730a3;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500;border:1px solid #c7d2fe}.subscription-details-page .content-section .card[data-v-18e7ba46]{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e2e8f0;overflow:hidden}.subscription-details-page .content-section .card .card-header[data-v-18e7ba46]{padding:24px 32px;border-bottom:1px solid #e2e8f0;background:#fafbfc;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.subscription-details-page .content-section .card .card-header h2[data-v-18e7ba46]{font-size:1.25rem;font-weight:600;margin:0;color:#1e293b}.subscription-details-page .content-section .card .card-header p[data-v-18e7ba46]{color:#64748b;margin:0;flex:1;font-size:.95rem}.subscription-details-page .content-section .card .card-header .subscriber-stats[data-v-18e7ba46]{flex:1}.subscription-details-page .content-section .card .card-header .subscriber-stats p[data-v-18e7ba46]{margin:0;color:#64748b;font-size:.95rem}.subscription-details-page .content-section .card .card-header .subscriber-stats .targeted-stats .stats-breakdown[data-v-18e7ba46]{display:flex;gap:16px;margin-top:8px}.subscription-details-page .content-section .card .card-header .subscriber-stats .targeted-stats .stats-breakdown .stat-item[data-v-18e7ba46]{padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600}.subscription-details-page .content-section .card .card-header .subscriber-stats .targeted-stats .stats-breakdown .stat-item.subscribed[data-v-18e7ba46]{background:#dcfce7;color:#166534}.subscription-details-page .content-section .card .card-header .subscriber-stats .targeted-stats .stats-breakdown .stat-item.pending[data-v-18e7ba46]{background:#fef3c7;color:#92400e}.subscription-details-page .content-section .card .card-header .export-btn[data-v-18e7ba46]{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.subscription-details-page .content-section .card .card-header .export-btn[data-v-18e7ba46]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.subscription-details-page .content-section .card .card-header .export-btn.exporting[data-v-18e7ba46]{background:#64748b;cursor:not-allowed}.subscription-details-page .content-section .card .card-header .export-btn[data-v-18e7ba46]:disabled{opacity:.7;cursor:not-allowed;transform:none}.subscription-details-page .empty-state[data-v-18e7ba46],.subscription-details-page .error-state[data-v-18e7ba46],.subscription-details-page .loading-state[data-v-18e7ba46]{padding:64px 32px;text-align:center}.subscription-details-page .empty-state .spinner-container[data-v-18e7ba46],.subscription-details-page .error-state .spinner-container[data-v-18e7ba46],.subscription-details-page .loading-state .spinner-container[data-v-18e7ba46]{display:flex;flex-direction:column;align-items:center;justify-content:center}.subscription-details-page .empty-state .spinner-container p[data-v-18e7ba46],.subscription-details-page .error-state .spinner-container p[data-v-18e7ba46],.subscription-details-page .loading-state .spinner-container p[data-v-18e7ba46]{margin-top:16px;color:#64748b;font-size:.95rem}.subscription-details-page .error-state .error-icon[data-v-18e7ba46]{margin-bottom:16px;color:#ef4444}.subscription-details-page .error-state .error-message[data-v-18e7ba46]{color:#ef4444;margin-bottom:24px;font-size:1rem}.subscription-details-page .error-state .retry-btn[data-v-18e7ba46]{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;margin:0 auto;transition:all .2s ease}.subscription-details-page .error-state .retry-btn[data-v-18e7ba46]:hover{background:#2563eb;transform:translateY(-1px)}.subscription-details-page .empty-state .empty-icon[data-v-18e7ba46]{margin-bottom:16px;color:#94a3b8}.subscription-details-page .empty-state p[data-v-18e7ba46]{color:#64748b;font-size:1rem}.subscription-details-page .subscribers-container .table-container[data-v-18e7ba46]{max-height:600px;overflow-y:auto;border-radius:0 0 16px 16px}.subscription-details-page .subscribers-container .table-container[data-v-18e7ba46]::-webkit-scrollbar{width:8px}.subscription-details-page .subscribers-container .table-container[data-v-18e7ba46]::-webkit-scrollbar-track{background:#f1f5f9}.subscription-details-page .subscribers-container .table-container[data-v-18e7ba46]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.subscription-details-page .subscribers-container .table-container[data-v-18e7ba46]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.subscription-details-page .subscribers-container .subscribers-table[data-v-18e7ba46]{width:100%;border-collapse:collapse}.subscription-details-page .subscribers-container .subscribers-table th[data-v-18e7ba46]{background:#f8fafc;padding:16px 24px;text-align:left;font-weight:600;color:#475569;font-size:.875rem;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.subscription-details-page .subscribers-container .subscribers-table .subscriber-row[data-v-18e7ba46]{transition:all .2s ease}.subscription-details-page .subscribers-container .subscribers-table .subscriber-row[data-v-18e7ba46]:hover{background:#f8fafc}.subscription-details-page .subscribers-container .subscribers-table .subscriber-row td[data-v-18e7ba46]{padding:20px 24px;border-bottom:1px solid #f1f5f9;vertical-align:middle;text-align:left}.subscription-details-page .subscribers-container .subscribers-table .client-info .client-name[data-v-18e7ba46]{font-weight:600;color:#1e293b;font-size:.95rem;margin-bottom:4px}.subscription-details-page .subscribers-container .subscribers-table .client-info .client-id[data-v-18e7ba46]{font-size:.875rem;color:#64748b}.subscription-details-page .subscribers-container .subscribers-table .date-cell[data-v-18e7ba46]{color:#475569;font-size:.9rem}.subscription-details-page .subscribers-container .subscribers-table .status-cell .status-badge[data-v-18e7ba46]{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.subscription-details-page .subscribers-container .subscribers-table .amount-cell[data-v-18e7ba46]{font-weight:600;font-size:.95rem}.subscription-details-page .subscribers-container .subscribers-table .invoice-paid[data-v-18e7ba46],.subscription-details-page .subscribers-container .subscribers-table .payment-paid[data-v-18e7ba46]{background:#dcfce7;color:#166534}.subscription-details-page .subscribers-container .subscribers-table .invoice-outstanding[data-v-18e7ba46],.subscription-details-page .subscribers-container .subscribers-table .payment-outstanding[data-v-18e7ba46]{background:#fef3c7;color:#92400e}.subscription-details-page .subscribers-container .subscribers-table .no-invoice[data-v-18e7ba46],.subscription-details-page .subscribers-container .subscribers-table .no-payment[data-v-18e7ba46]{background:#f1f5f9;color:#64748b}.subscription-details-page .subscribers-container .subscribers-table .status-subscribed[data-v-18e7ba46]{background:#dcfce7;color:#166534}.subscription-details-page .subscribers-container .subscribers-table .status-pending[data-v-18e7ba46]{background:#fef3c7;color:#92400e}.subscription-details-page .subscribers-container .subscribers-table .status-targeted[data-v-18e7ba46]{background:#e0e7ff;color:#3730a3}.subscription-details-page .subscribers-container .subscribers-table .status-unknown[data-v-18e7ba46]{background:#f1f5f9;color:#64748b}.subscription-details-page .subscribers-container .subscribers-table .amount-due[data-v-18e7ba46]{color:#dc2626}.subscription-details-page .subscribers-container .subscribers-table .amount-paid[data-v-18e7ba46]{color:#059669}.subscription-details-page .subscribers-container .subscribers-table .no-amount[data-v-18e7ba46],.subscription-details-page .subscribers-container .subscribers-table .no-date[data-v-18e7ba46]{color:#94a3b8;font-style:italic}.subscription-details-page .subscribers-container .subscribers-table .pending-row[data-v-18e7ba46]{background:#fefbf3}.subscription-details-page .subscribers-container .subscribers-table .pending-row[data-v-18e7ba46]:hover{background:#fef3c7}@media(max-width:768px){.subscription-details-page[data-v-18e7ba46]{padding:16px}.subscription-details-page .header-section[data-v-18e7ba46]{max-width:95%}.subscription-details-page .header-section .subscription-info[data-v-18e7ba46]{padding:24px 20px}.subscription-details-page .header-section .subscription-info h1[data-v-18e7ba46]{font-size:1.75rem}.subscription-details-page .header-section .subscription-info .meta-info[data-v-18e7ba46]{grid-template-columns:1fr;gap:12px}.subscription-details-page .content-section[data-v-18e7ba46]{max-width:95%}.subscription-details-page .content-section .targeted-groups-section .targeted-groups-card[data-v-18e7ba46]{padding:20px}.subscription-details-page .content-section .targeted-groups-section .targeted-groups-card h3[data-v-18e7ba46]{font-size:1.125rem}.subscription-details-page .content-section .targeted-groups-section .targeted-groups-card .groups-list .group-badge[data-v-18e7ba46]{font-size:.8rem;padding:6px 12px}.subscription-details-page .content-section .card .card-header[data-v-18e7ba46]{padding:20px;flex-direction:column;align-items:flex-start;gap:12px}.subscription-details-page .content-section .card .card-header .subscriber-stats .targeted-stats .stats-breakdown[data-v-18e7ba46]{flex-direction:column;gap:8px}.subscription-details-page .content-section .card .card-header .subscriber-stats .targeted-stats .stats-breakdown .stat-item[data-v-18e7ba46]{text-align:center}.subscription-details-page .content-section .card .card-header .export-btn[data-v-18e7ba46]{width:100%;justify-content:center}.subscription-details-page .subscribers-container .table-container[data-v-18e7ba46]{max-height:500px}.subscription-details-page .subscribers-container .table-container .subscribers-table .subscriber-row td[data-v-18e7ba46],.subscription-details-page .subscribers-container .table-container .subscribers-table th[data-v-18e7ba46]{padding:16px 12px}.subscription-details-page .subscribers-container .table-container .subscribers-table th[data-v-18e7ba46]{font-size:.8rem}.subscription-details-page .subscribers-container .table-container .subscribers-table .client-info .client-name[data-v-18e7ba46]{font-size:.9rem}.subscription-details-page .subscribers-container .table-container .subscribers-table .status-badge[data-v-18e7ba46]{font-size:.7rem;padding:4px 8px}}