.page-content{padding:24px;border-radius:20px;background-color:var(--background-color);width:100%}.page-content .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-content .header .campaign-header{display:flex;align-items:center;gap:20px}.page-content .header .campaign-header .selected-campaign-info h3{margin:0;font-size:20px;font-weight:600;color:var(--text-color)}.page-content .header .campaign-header .selected-campaign-info p{margin:4px 0 0;font-size:14px;color:var(--text-secondary-color)}.page-content .header .search-wrapper{display:flex;align-items:center;gap:20px}.page-content .header .search-wrapper .filter-toolbar{display:flex;align-items:center;background-color:var(--input-bg-color);padding:6px 16px;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 1px 2px var(--box-shadow-color);height:42px}.page-content .header .search-wrapper .filter-toolbar .filter-item{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.page-content .header .search-wrapper .filter-toolbar .filter-item span{font-size:14px;font-weight:500;color:var(--text-color)}.page-content .header .search-wrapper .filter-toolbar .filter-item .toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.page-content .header .search-wrapper .filter-toolbar .filter-item .toggle-switch input{opacity:0;width:0;height:0}.page-content .header .search-wrapper .filter-toolbar .filter-item .toggle-switch input:checked+.slider{background-color:var(--button-bg-color)}.page-content .header .search-wrapper .filter-toolbar .filter-item .toggle-switch input:checked+.slider:before{transform:translateX(16px)}.page-content .header .search-wrapper .filter-toolbar .filter-item .toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(var(--text-color-rgb,128,128,128),.2);transition:.4s;border-radius:20px}.page-content .header .search-wrapper .filter-toolbar .filter-item .toggle-switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.2)}.page-content .header .search-wrapper .filter-toolbar .filter-item .toggle-switch .slider.round{border-radius:34px}.page-content .header .search-wrapper .search-bar{display:flex;align-items:center;background-color:var(--input-bg-color);padding:0 14px;border-radius:12px;box-shadow:0 1px 2px var(--box-shadow-color);border:1px solid var(--border-color);height:42px;gap:8px}.page-content .header .search-wrapper .search-bar .search-icon{color:var(--text-color);flex-shrink:0}.page-content .header .search-wrapper .search-bar input{border:none;background:transparent;outline:none;flex:1;font-size:14px;color:var(--text-color);height:100%}.page-content .header .search-wrapper .search-bar input::placeholder{color:var(--placeholder-color)}.page-content .campaign-analytics-container{background-color:transparent;border-radius:0;padding:0;min-height:400px}.page-content .campaign-analytics-container .header{display:flex;justify-content:space-between;align-items:center}.page-content .campaign-analytics-container .header .campaign-header p{margin:0;font-size:16px;color:var(--text-secondary-color)}.page-content .campaign-analytics-container .analytics-table-wrapper{margin-top:16px;background-color:var(--container-bg-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 4px var(--box-shadow-color);overflow:auto;max-height:600px}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table{width:100%;border-collapse:collapse;table-layout:fixed}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table thead th{background-color:var(--header-bg-color);font-weight:600;padding:8px 12px;text-align:center;border-bottom:2px solid var(--border-color);color:var(--text-color);text-transform:capitalize;font-size:12px;position:sticky;top:0;z-index:10}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr{cursor:default;transition:background-color .3s ease}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr:hover{background-color:var(--campaign-hover-shadow)}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr:hover .metric-value{color:var(--text-color)!important}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td{padding:8px 12px;text-align:center;font-weight:400;color:var(--text-color);border-bottom:1px solid var(--border-color);font-size:12px;width:150px}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.campaign-name{text-align:left;font-weight:500}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.campaign-name .campaign-info .campaign-title{font-weight:500}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.metric-cell{cursor:default}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.metric-cell.clickable-call,.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.metric-cell.clickable-text{cursor:pointer}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.metric-cell.clickable-call .metric-value,.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.metric-cell.clickable-text .metric-value{color:var(--muted-text-color);font-weight:500;transition:all .2s}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.metric-cell .metric-value{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-color)}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.metric-cell .metric-value svg{color:var(--text-secondary-color)}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.success-cell .success-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.success-cell .success-badge .success-icon{font-size:12px}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.success-cell .success-badge.high{background-color:#dcfce7;color:#166534}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.success-cell .success-badge.medium{background-color:#fef3c7;color:#92400e}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr td.success-cell .success-badge.low{background-color:#fee2e2;color:#991b1b}.page-content .campaign-analytics-container .analytics-table-wrapper .analytics-table tbody tr:last-child td{border-bottom:none}.page-content .message-logs-container{background-color:transparent;border-radius:0;padding:0;min-height:400px}.page-content .message-logs-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-content .message-logs-container .header .campaign-header{display:flex;align-items:center;gap:16px}.page-content .message-logs-container .header .campaign-header .selected-campaign-info h3{margin:0;font-size:20px;font-weight:600;color:var(--text-color)}.page-content .message-logs-container .header .campaign-header .selected-campaign-info p{margin:4px 0 0;font-size:14px;color:var(--text-secondary-color)}.page-content .message-logs-container .pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color);padding-left:10px;padding-right:10px}.page-content .message-logs-container .pagination .page-controls{display:flex;align-items:center;gap:12px}.page-content .message-logs-container .pagination .page-controls button{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;padding:6px 12px;cursor:pointer;transition:background-color .3s;color:var(--text-color)}.page-content .message-logs-container .pagination .page-controls button:hover:not(:disabled){background-color:var(--btn-hover-color)}.page-content .message-logs-container .pagination .page-controls button:disabled{opacity:.5;cursor:not-allowed}.page-content .message-logs-container .pagination .page-controls span{font-size:14px;color:var(--text-color)}.page-content .message-logs-container .pagination .show-dropdown{display:flex;align-items:center;gap:8px}.page-content .message-logs-container .pagination .show-dropdown span{font-size:14px;color:var(--text-color)}.page-content .message-logs-container .pagination .show-dropdown select{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;padding:6px 10px;font-size:14px;color:var(--text-color);cursor:pointer}.page-content .message-logs-container .pagination .show-dropdown select:focus{outline:none;border-color:var(--border-hover-color)}.page-content .message-logs-container .empty-state,.page-content .message-logs-container .loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;color:var(--text-secondary-color);font-size:16px;text-align:center;padding:20px}.page-content .message-logs-container .empty-state .prompt-icon,.page-content .message-logs-container .loading-state .prompt-icon{margin-bottom:16px;color:var(--text-secondary-color);opacity:.7}.page-content .message-logs-container .empty-state h3,.page-content .message-logs-container .loading-state h3{margin-bottom:8px;font-size:18px;font-weight:500;color:var(--text-color)}.page-content .message-logs-container .empty-state p,.page-content .message-logs-container .loading-state p{max-width:400px;line-height:1.5}.page-content .batches-container{background-color:transparent;border-radius:0;padding:0;min-height:400px}.page-content .batches-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-content .batches-container .header .campaign-header{display:flex;align-items:center;gap:16px}.page-content .batches-container .header .campaign-header .selected-campaign-info h3{margin:0;font-size:20px;font-weight:600;color:var(--text-color)}.page-content .batches-container .pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color);padding-left:10px;padding-right:10px}.page-content .batches-container .pagination .page-controls{display:flex;align-items:center;gap:12px}.page-content .batches-container .pagination .page-controls button{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;padding:6px 12px;cursor:pointer;transition:background-color .3s;color:var(--text-color)}.page-content .batches-container .pagination .page-controls button:hover:not(:disabled){background-color:var(--btn-hover-color)}.page-content .batches-container .pagination .page-controls button:disabled{opacity:.5;cursor:not-allowed}.page-content .batches-container .pagination .page-controls span{font-size:14px;color:var(--text-color)}.page-content .batches-container .pagination .show-dropdown{display:flex;align-items:center;gap:8px}.page-content .batches-container .pagination .show-dropdown span{font-size:14px;color:var(--text-color)}.page-content .batches-container .pagination .show-dropdown select{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;padding:6px 10px;font-size:14px;color:var(--text-color);cursor:pointer}.page-content .batches-container .pagination .show-dropdown select:focus{outline:none;border-color:var(--border-hover-color)}.page-content .batches-container .empty-state,.page-content .batches-container .loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;color:var(--text-secondary-color);font-size:16px;text-align:center;padding:20px}.page-content .batches-container .empty-state .prompt-icon,.page-content .batches-container .loading-state .prompt-icon{margin-bottom:16px;color:var(--text-secondary-color);opacity:.7}.page-content .batches-container .empty-state h3,.page-content .batches-container .loading-state h3{margin-bottom:8px;font-size:18px;font-weight:500;color:var(--text-color)}.page-content .batches-container .empty-state p,.page-content .batches-container .loading-state p{max-width:400px;line-height:1.5}.page-content .call-logs-container{background-color:transparent;border-radius:0;padding:0;min-height:400px}.page-content .call-logs-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-content .call-logs-container .header .campaign-header{display:flex;align-items:center;gap:16px}.page-content .call-logs-container .header .campaign-header .selected-campaign-info h3{margin:0;font-size:20px;font-weight:600;color:var(--text-color)}.page-content .call-logs-container .pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color);padding-left:10px;padding-right:10px}.page-content .call-logs-container .pagination .page-controls{display:flex;align-items:center;gap:12px}.page-content .call-logs-container .pagination .page-controls button{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;padding:6px 12px;cursor:pointer;transition:background-color .3s;color:var(--text-color)}.page-content .call-logs-container .pagination .page-controls button:hover:not(:disabled){background-color:var(--btn-hover-color)}.page-content .call-logs-container .pagination .page-controls button:disabled{opacity:.5;cursor:not-allowed}.page-content .call-logs-container .pagination .page-controls span{font-size:14px;color:var(--text-color)}.page-content .call-logs-container .pagination .show-dropdown{display:flex;align-items:center;gap:8px}.page-content .call-logs-container .pagination .show-dropdown span{font-size:14px;color:var(--text-color)}.page-content .call-logs-container .pagination .show-dropdown select{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;padding:6px 10px;font-size:14px;color:var(--text-color);cursor:pointer}.page-content .call-logs-container .pagination .show-dropdown select:focus{outline:none;border-color:var(--border-hover-color)}.page-content .call-logs-container .empty-state,.page-content .call-logs-container .loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;color:var(--text-secondary-color);font-size:16px;text-align:center;padding:20px}.page-content .call-logs-container .empty-state .prompt-icon,.page-content .call-logs-container .loading-state .prompt-icon{margin-bottom:16px;color:var(--text-secondary-color);opacity:.7}.page-content .call-logs-container .empty-state h3,.page-content .call-logs-container .loading-state h3{margin-bottom:8px;font-size:18px;font-weight:500;color:var(--text-color)}.page-content .call-logs-container .empty-state p,.page-content .call-logs-container .loading-state p{max-width:400px;line-height:1.5}.page-content .audio-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.page-content .audio-popup-overlay .audio-popup-content{background-color:var(--card-bg-color);border-radius:12px;padding:30px;max-width:500px;width:90%;box-shadow:0 10px 40px rgba(0,0,0,.3)}.page-content .audio-popup-overlay .audio-popup-content h3{margin:0 0 20px;font-size:20px;font-weight:600;color:var(--text-color)}.page-content .audio-popup-overlay .audio-popup-content audio{width:100%;margin-bottom:20px}.page-content .audio-popup-overlay .audio-popup-content button{background-color:var(--button-bg-color);color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.page-content .audio-popup-overlay .audio-popup-content button:hover{background-color:var(--button-hover-bg-color)}.page-content .message-logs-container .phone-number{width:220px!important;min-width:200px}.page-content .message-logs-container .phone-number .phone-info{display:flex;flex-direction:column;gap:2px}.page-content .message-logs-container .phone-number .phone-info svg{color:var(--text-muted-color);flex-shrink:0}.page-content .message-logs-container .success-cell .success-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-weight:600;font-size:.75rem;min-width:60px;justify-content:center}.page-content .message-logs-container .success-cell .success-badge .success-icon{font-size:.7rem}.page-content .message-logs-container .success-cell .success-badge.high{background-color:#dcfce7;color:#166534}.page-content .message-logs-container .success-cell .success-badge.medium{background-color:#fef3c7;color:#92400e}.page-content .message-logs-container .success-cell .success-badge.low{background-color:#fee2e2;color:#991b1b}.page-content .message-logs-container .success-cell .success-badge.success{background-color:#dcfce7;color:#166534}.page-content .message-logs-container .success-cell .success-badge.failed{background-color:#fee2e2;color:#991b1b}.page-content .message-logs-container .success-cell .success-badge.neutral{background-color:#f3f4f6;color:#6b7280}.page-content .message-logs-container .criteria-cell .criteria-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--hover-bg-color);border-radius:8px;font-size:.7rem;color:var(--text-secondary-color);font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-content .message-logs-container .criteria-cell .criteria-badge svg{flex-shrink:0;color:var(--text-muted-color)}.page-content .message-logs-container .criteria-cell .criteria-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-content .message-logs-container .action-cell .arrow-indicator{display:flex;align-items:center;justify-content:center;color:var(--text-muted-color);transition:all .15s ease}.page-content .message-logs-container .campaign-row{cursor:pointer;transition:all .15s ease}.page-content .message-logs-container .campaign-row:hover{background-color:var(--hover-bg-color)}.page-content .message-logs-container .campaign-row:hover .action-cell .arrow-indicator{color:var(--primary-color);transform:translateX(1px)}.page-content .message-logs-container .phone-number{font-weight:500;font-size:.8rem}.page-content .message-logs-container .contact-name{font-weight:600;color:var(--text-color);font-size:.85rem}.page-content .message-logs-container .loading-container{display:flex;justify-content:center;align-items:center;padding:60px 20px;background-color:var(--container-bg-color);border:1px solid var(--border-color);border-radius:8px}.page-content .message-logs-container .loading-container .loading-spinner{display:flex;align-items:center;gap:12px;color:var(--text-muted-color)}.page-content .message-logs-container .loading-container .loading-spinner .spinner{width:20px;height:20px;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.page-content .message-logs-container .error-container{display:flex;justify-content:center;align-items:center;padding:60px 20px;background-color:var(--container-bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--error-color);text-align:center}.page-content .message-logs-container .error-container .error-icon{margin-right:12px;font-size:1.2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dark .analytics-container .success-percentage.high{background-color:#064e3b;color:#6ee7b7}.dark .analytics-container .success-percentage.medium{background-color:#78350f;color:#fbbf24}.dark .analytics-container .success-percentage.low{background-color:#7f1d1d;color:#fca5a5}@media(max-width:768px){.analytics-container{padding:12px}.analytics-container .analytics-header .analytics-controls{flex-direction:column;align-items:stretch;gap:12px}.analytics-container .analytics-header .analytics-controls .search-section{max-width:none}.analytics-container .analytics-table-section .analytics-table-container .analytics-table{font-size:.75rem}.analytics-container .analytics-table-section .analytics-table-container .analytics-table tbody td,.analytics-container .analytics-table-section .analytics-table-container .analytics-table thead th{padding:10px 8px}.analytics-container .analytics-table-section .analytics-table-container .analytics-table tbody td:first-child,.analytics-container .analytics-table-section .analytics-table-container .analytics-table thead th:first-child{padding-left:12px}.analytics-container .analytics-table-section .analytics-table-container .analytics-table tbody td:last-child,.analytics-container .analytics-table-section .analytics-table-container .analytics-table thead th:last-child{padding-right:12px}}@media(max-width:480px){.analytics-container{padding:8px}.analytics-container .analytics-table-section .analytics-table-container .analytics-table{font-size:.7rem}.analytics-container .analytics-table-section .analytics-table-container .analytics-table tbody td,.analytics-container .analytics-table-section .analytics-table-container .analytics-table thead th{padding:8px 6px}.analytics-container .analytics-table-section .analytics-table-container .analytics-table tbody td:first-child,.analytics-container .analytics-table-section .analytics-table-container .analytics-table thead th:first-child{padding-left:10px}.analytics-container .analytics-table-section .analytics-table-container .analytics-table tbody td:last-child,.analytics-container .analytics-table-section .analytics-table-container .analytics-table thead th:last-child{padding-right:10px}.analytics-container .analytics-table-section .analytics-table-container .analytics-table .success-cell .success-badge{padding:3px 6px;font-size:.7rem;min-width:50px}}