body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{min-height:100%}#root,body{min-height:100vh}.analytics-container{background-color:#fafafa;box-sizing:border-box;margin:0 auto;max-width:75vw;min-width:75vw;padding:24px 24px 120px;width:75vw}.analytics-header{margin-bottom:32px;width:100%}.analytics-header h2{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.analytics-header p{color:#666;font-size:16px;margin:0 0 24px}.analytics-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;width:100%}.analytics-main-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;width:100%}.analytics-metric-with-graph{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-height:200px;padding:24px;position:relative;transition:all .2s}.analytics-metric-with-graph:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.analytics-metric-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.analytics-metric-icon{color:#666;height:20px;width:20px}.analytics-metric-title{color:#666;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.analytics-metric-value{color:#1a1a1a;font-size:32px;font-weight:700;line-height:1;margin-bottom:8px}.analytics-metric-desc{color:#888;font-size:14px;margin-bottom:16px}.analytics-mini-chart{flex:1 1;margin-top:auto;min-height:60px}.analytics-pie-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-height:200px;padding:24px;transition:all .2s}.analytics-pie-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.analytics-pie-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.analytics-pie-title{color:#666;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.analytics-pie-content{display:flex;flex:1 1;flex-direction:column;justify-content:center}.analytics-pie-chart-container{height:120px;margin-bottom:16px}.analytics-pie-stats{display:flex;gap:16px;justify-content:space-between}.analytics-pie-stat{flex:1 1;text-align:center}.analytics-pie-stat-value{font-size:24px;font-weight:700;margin-bottom:4px}.analytics-pie-stat-label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.analytics-pie-stat-inbound{color:#e65c00}.analytics-pie-stat-outbound{color:#36d576}.analytics-bottom-row{grid-gap:24px;display:grid;gap:24px;grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.analytics-chart-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-height:300px;padding:24px;transition:all .2s}.analytics-chart-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.analytics-chart-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.analytics-chart-icon{color:#666;height:20px;width:20px}.analytics-chart-title{color:#666;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.analytics-chart-metric{margin-bottom:16px}.analytics-chart-value{color:#1a1a1a;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.analytics-chart-period{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.analytics-chart-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:200px}.analytics-filters .ant-radio-group{background:#fff;border:1px solid #d1d5db;border-radius:6px;display:inline-flex;overflow:hidden}.analytics-filters .ant-radio-button-wrapper{align-items:center;background:#0000;border:none;border-right:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:60px;padding:8px 16px;transition:all .2s}.analytics-filters .ant-radio-button-wrapper:last-child{border-right:none}.analytics-filters .ant-radio-button-wrapper:hover{background:#f9fafb;color:#374151}.analytics-filters .ant-radio-button-wrapper-checked{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.analytics-filters .ant-radio-button-wrapper-checked:hover{background:#059669!important}.analytics-filters .ant-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;padding:8px 16px;transition:all .2s}.analytics-filters .ant-btn:hover{background:#f9fafb;border-color:#10b981;color:#10b981}.analytics-filters .ant-select{border-radius:6px;max-width:300px;min-width:200px}.analytics-filters .ant-select .ant-select-selector{align-items:center;border:1px solid #d1d5db;border-radius:6px;display:flex;height:36px;transition:all .2s}.analytics-filters .ant-select:hover .ant-select-selector{border-color:#10b981}.analytics-filters .ant-select-focused .ant-select-selector{border-color:#10b981!important;box-shadow:0 0 0 2px #10b9811a!important}.analytics-filters .ant-select-multiple .ant-select-selection-overflow{display:flex;flex-wrap:nowrap;overflow:hidden}.analytics-filters .ant-select-multiple .ant-select-selection-overflow-item{max-width:120px}.analytics-filters .ant-select-multiple .ant-select-selection-item{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;font-size:12px;margin:2px;max-width:100px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.analytics-filters .ant-select-multiple .ant-select-selection-item-content{overflow:hidden;text-overflow:ellipsis}.analytics-filters .ant-select-multiple .ant-select-selection-item-remove{color:#6b7280;font-size:10px;margin-left:4px}.analytics-filters .ant-select-multiple .ant-select-selection-item-remove:hover{color:#ef4444}@media (max-width:1400px){.analytics-container{max-width:85vw;min-width:85vw;width:85vw}}@media (max-width:1024px){.analytics-container{max-width:95vw;min-width:95vw;padding:24px 24px 120px;width:95vw}.analytics-main-grid{gap:16px;grid-template-columns:1fr 1fr}.analytics-bottom-row{grid-template-columns:1fr}.analytics-header h2{font-size:28px}.analytics-filters{gap:12px}.analytics-filters .ant-select{max-width:200px;min-width:150px}}@media (max-width:768px){.analytics-container{max-width:100%;min-width:100%;padding:24px 24px 120px;width:100%}.analytics-bottom-row,.analytics-main-grid{gap:16px;grid-template-columns:1fr}.analytics-header h2{font-size:24px}.analytics-chart-value,.analytics-metric-value{font-size:28px}.analytics-filters{align-items:stretch;flex-direction:column;gap:12px}.analytics-filters>*{width:100%}.analytics-filters .ant-select{margin-left:0!important;max-width:100%;min-width:100%}.analytics-filters .ant-btn,.analytics-filters .ant-picker{margin-left:0!important}.analytics-filters .ant-radio-group{width:100%}.analytics-filters .ant-radio-button-wrapper{flex:1 1;min-width:auto}}@media (max-width:480px){.analytics-container{padding:24px 24px 120px}}.activity-container{height:100%;margin:0 auto;max-width:800px;overflow-y:auto;padding:20px}.activity-header{margin-bottom:20px}.activity-header h2{color:#333;margin-bottom:15px}.activity-filters{display:flex;gap:10px;margin-bottom:20px}.search-input{border:1px solid #ddd;flex:1 1;padding:10px}.search-input:focus{border-color:#4a90e2}.filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:10px 15px;transition:border-color .2s}.filter-select:focus{border-color:#4a90e2}.call-list{display:flex;flex-direction:column;gap:10px}.call-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:15px;transition:all .2s}.call-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.call-item.missed{border-left:4px solid #f44336}.call-item.inbound{border-left:4px solid #4caf50}.call-item.outbound{border-left:4px solid #2196f3}.call-icon{font-size:24px;margin-right:15px}.call-info{flex:1 1}.call-number{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.call-meta{color:#666;font-size:14px}.call-status{display:flex;font-size:18px;gap:8px}.no-calls{color:#999;font-size:16px;padding:40px;text-align:center}.activity-container-new{background-color:#fafafa;box-sizing:border-box;margin:0 auto;max-width:75vw;min-width:75vw;padding:24px 24px 120px;width:75vw}.activity-header-new{margin-bottom:32px;width:100%}.activity-header-new h2{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.activity-header-new p{color:#666;font-size:16px;margin:0 0 24px}.filter-tabs{border-bottom:1px solid #e0e0e0;display:flex;gap:8px;margin-bottom:24px;width:100%}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.tab:hover{background-color:#f5f5f5;color:#333}.tab.active{background-color:#f0fdf4;border-bottom-color:#00d084;color:#00d084}.filters-row{align-items:center;display:flex;gap:16px;margin-bottom:24px;width:100%}.search-input-new{border:1px solid #d0d0d0;border-radius:8px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:14px;font-weight:400;height:32px;line-height:1.5715;outline:none;padding:0 40px;transition:border-color .2s;width:100%}.search-input-new:hover{border-color:#1890ff}.search-input-new:focus{border-color:#00d084;box-shadow:0 0 0 3px #00d0841a}.button-group{align-items:center;display:flex;gap:16px}.date-range-container{position:relative}.date-picker-dropdown{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #0000001f;box-sizing:border-box;max-height:80vh;max-width:320px;min-width:280px;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;right:0;top:calc(100% + 4px);transform-origin:top right;width:-webkit-max-content;width:max-content;z-index:1000}@media (max-width:1024px){.date-picker-dropdown{left:auto;max-width:280px;min-width:260px;right:0}}@media (max-width:480px){.date-picker-dropdown{left:auto;max-width:260px;min-width:240px;right:-16px}}.date-picker-content{box-sizing:border-box;padding:16px}.date-input-group{box-sizing:border-box}.date-input-group,.date-input-group:last-of-type{margin-bottom:16px}.date-input-group label{color:#374151;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.date-input{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.date-input:focus{background:#fff;border-color:#00d084;box-shadow:0 0 0 3px #00d08414}.date-picker-actions{border-top:1px solid #f0f0f0;box-sizing:border-box;display:flex;gap:12px;justify-content:flex-end;margin-top:0;padding-top:16px}.btn-primary,.btn-secondary{border:1px solid;border-radius:6px;box-sizing:border-box;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;min-width:70px;padding:8px 18px;text-align:center;transition:all .2s ease}.btn-primary{background:#00d084;border-color:#00d084;color:#fff}.btn-primary:hover{background:#00b574;border-color:#00b574;box-shadow:0 4px 12px #00d0844d;transform:translateY(-1px)}.btn-secondary{background:#fff;border-color:#e0e0e0;color:#666}.btn-secondary:hover{background:#f8f9fa;border-color:#d0d0d0;color:#374151}.date-filter-btn,.sort-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:32px;justify-content:center;padding:0 18px;transition:all .2s ease}.date-filter-btn:hover,.sort-btn:hover{background:#f0fdf4;border-color:#00d084;box-shadow:0 4px 12px #0000001a;color:#00d084;transform:translateY(-1px)}.date-filter-btn.active,.sort-btn.active{background:#00d084;border-color:#00d084;color:#fff}.date-filter-btn.filtered{background:#e6f7ff;border-color:#00d084;color:#00d084}.date-filter-btn.filtered:hover{background:#d1f2ff;border-color:#00b574;color:#00b574}.filter-indicator{color:#00d084;font-size:12px;margin-left:6px}.pagination-btn.active{background:#00d084;border-color:#00d084;color:#fff}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status-badge.completed{background:#f0fdf4;color:#00d084}.status-badge.missed{background:#ffebee;color:#c62828}.status-badge.missed-inbound{background:#fff3e0;color:#e65100}.status-badge.in-progress{background:#fff3cd;color:#856404}.status-badge.initiated{background:#e3f2fd;color:#1565c0}.status-badge.ringing{background:#f3e5f5;color:#7b1fa2}.status-badge.answered{background:#e8f5e8;color:#2e7d32}.status-badge.failed{background:#ffebee;color:#c62828}.status-badge.canceled{background:#f5f5f5;color:#616161}.status-badge.busy{background:#fff3e0;color:#ef6c00}.status-badge.no-answer{background:#fafafa;color:#757575}.status-badge.unknown{background:#f5f5f5;color:#9e9e9e}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:32px}.pagination-info{color:#666;font-size:14px;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{background:#fff;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;font-size:14px;min-width:40px;padding:8px 16px;text-align:center;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#b0b0b0}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{color:#666;font-size:14px;padding:8px 4px}.loading-cell,.no-data-cell{color:#666;font-size:16px;padding:48px 24px;text-align:center}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;overflow:hidden}.calls-table,.table-container{max-width:100%;min-width:100%;width:100%}.calls-table{border-collapse:collapse;table-layout:fixed}.calls-table td,.calls-table th{overflow:hidden;padding:16px 24px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.calls-table th{background:#f8f9fa;border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.calls-table td:first-child,.calls-table th:first-child{width:12%}.calls-table td:nth-child(2),.calls-table th:nth-child(2){width:28%}.calls-table td:nth-child(3),.calls-table th:nth-child(3){width:15%}.calls-table td:nth-child(4),.calls-table th:nth-child(4){width:18%}.calls-table td:nth-child(5),.calls-table th:nth-child(5){width:27%}.calls-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.calls-table tbody tr:hover{background-color:#f8f9ff}.calls-table tbody tr:last-child{border-bottom:none}.call-row{cursor:pointer}.calls-table td{color:#374151;font-size:16px}.phone-number{color:#1a1a1a;font-weight:500}.duration{color:#666;font-family:SF Mono,Monaco,monospace}.status{text-align:center}.timestamp{color:#666}.call-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:500;padding:6px 12px;text-transform:capitalize}.call-badge.inbound{background:#f0fdf4;color:#00d084}.call-badge.outbound{background:#e3f2fd;color:#1565c0}.call-badge.missed{background:#ffebee;color:#c62828}@media (max-width:1400px){.activity-container-new{max-width:85vw;min-width:85vw;width:85vw}}@media (max-width:1024px){.activity-container-new{max-width:95vw;min-width:95vw;width:95vw}.date-filter-btn,.sort-btn{font-size:13px;overflow:hidden;padding:0 12px;text-overflow:ellipsis;white-space:nowrap}.calls-table td,.calls-table th{font-size:14px;padding:12px 16px}}@media (max-width:768px){.activity-container-new{max-width:100vw;min-width:100vw;padding-inline:24px;width:100vw}.activity-header-new h2{font-size:24px}.filters-row{align-items:stretch;flex-direction:column;gap:12px}.search-input-wrapper{max-width:100%;min-width:100%}.search-input-new{box-sizing:border-box;font-size:14px;font-weight:400;height:32px;line-height:1.5715;padding:0 16px 0 40px;width:100%}.filters-row .ant-select{margin-left:0!important;width:100%!important}.button-group{display:flex;gap:12px;width:100%}.button-group .date-range-container,.button-group .sort-container{flex:1 1}.calls-table td,.calls-table th{font-size:13px;padding:10px 12px}.calls-table td:first-child,.calls-table th:first-child{width:15%}.calls-table td:nth-child(2),.calls-table th:nth-child(2){width:25%}.calls-table td:nth-child(3),.calls-table th:nth-child(3){width:12%}.calls-table td:nth-child(4),.calls-table th:nth-child(4){width:18%}.calls-table td:nth-child(5),.calls-table th:nth-child(5){width:30%}.date-picker-dropdown{box-sizing:border-box;max-width:260px;min-width:240px;right:-8px}.date-picker-content{box-sizing:border-box;padding:12px}.date-input-group,.date-input-group:last-of-type{margin-bottom:12px}.date-picker-actions{gap:8px;padding-top:12px}.btn-primary,.btn-secondary{font-size:12px;min-width:60px;padding:7px 14px}.filter-indicator{font-size:10px;margin-left:4px}.sort-dropdown{min-width:140px;right:-8px}.sort-option{font-size:13px;padding:8px 12px}.date-filter-btn,.sort-btn{font-size:13px;height:32px;padding:0 14px;width:100%}.pagination{align-items:center;flex-direction:column;gap:12px}.pagination-info{font-size:13px;text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}}.dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.filter-dropdown-mobile{margin-bottom:24px}.filter-dropdown-mobile .ant-select{border-radius:8px}.filter-dropdown-mobile .ant-select .ant-select-selector{border:1px solid #e0e0e0;border-radius:8px;font-size:16px;font-weight:500}.filter-dropdown-mobile .ant-select-focused .ant-select-selector{border-color:#00d084!important;box-shadow:0 0 0 2px #00d0841a!important}.phone-with-badge{gap:8px}.phone-with-badge,.ria-badge{align-items:center;display:inline-flex}.ria-badge{background:#e65c00;border-radius:4px;box-shadow:0 2px 4px #e65c004d;color:#fff;flex-shrink:0;font-size:10px;font-weight:700;justify-content:center;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.calls-table-extended td:first-child,.calls-table-extended th:first-child{width:10%}.calls-table-extended td:nth-child(2),.calls-table-extended td:nth-child(3),.calls-table-extended th:nth-child(2),.calls-table-extended th:nth-child(3){width:20%}.calls-table-extended td:nth-child(4),.calls-table-extended th:nth-child(4){width:12%}.calls-table-extended td:nth-child(5),.calls-table-extended th:nth-child(5){width:15%}.calls-table-extended td:nth-child(6),.calls-table-extended th:nth-child(6){width:23%}@media (max-width:1024px){.calls-table-extended td:first-child,.calls-table-extended th:first-child{width:12%}.calls-table-extended td:nth-child(2),.calls-table-extended td:nth-child(3),.calls-table-extended th:nth-child(2),.calls-table-extended th:nth-child(3){width:18%}.calls-table-extended td:nth-child(4),.calls-table-extended th:nth-child(4){width:12%}.calls-table-extended td:nth-child(5),.calls-table-extended th:nth-child(5){width:15%}.calls-table-extended td:nth-child(6),.calls-table-extended th:nth-child(6){width:25%}}@media (max-width:768px){.calls-table-extended td:first-child,.calls-table-extended th:first-child{width:14%}.calls-table-extended td:nth-child(2),.calls-table-extended td:nth-child(3),.calls-table-extended th:nth-child(2),.calls-table-extended th:nth-child(3){width:17%}.calls-table-extended td:nth-child(4),.calls-table-extended th:nth-child(4){width:12%}.calls-table-extended td:nth-child(5),.calls-table-extended th:nth-child(5){width:15%}.calls-table-extended td:nth-child(6),.calls-table-extended th:nth-child(6){width:25%}.ria-badge{font-size:9px;padding:2px 6px}}.call-details-container{background-color:#fafafa;box-sizing:border-box;margin:0 auto;max-width:75vw;min-width:75vw;padding:24px 24px 120px;width:75vw}.details-header{gap:16px;margin-bottom:32px}.back-button,.details-header{align-items:center;display:flex}.back-button{background:#e65c00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s}.back-button:hover{background:#d14b00;box-shadow:0 4px 12px #e65c004d;transform:translateY(-1px)}.details-header h2{color:#1a1a1a;font-size:28px;font-weight:700;margin:0}.details-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;width:100%}.details-section{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s}.details-section:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.details-section h3{align-items:center;color:#1a1a1a;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.section-icon{color:#666;height:20px;width:20px}.detail-row{grid-gap:16px;align-items:center;border-bottom:1px solid #f5f5f5;display:grid;gap:16px;grid-template-columns:140px 1fr;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1a1a1a;font-size:15px;font-weight:500;word-break:break-word}.call-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.call-type-badge.inbound{background:#f0fdf4;color:#00d084}.call-type-badge.outbound{background:#e3f2fd;color:#1565c0}.call-type-badge.missed{background:#ffebee;color:#c62828}.user-info{color:#1a1a1a;font-size:15px;font-weight:500;gap:8px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#e65c00;border-radius:50%;color:#fff;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.recording-player{background:#f8f9fa;border-radius:8px;height:48px;outline:none;width:100%}.pending-message{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;color:#0369a1;font-size:14px;font-style:italic;padding:16px;text-align:center}.transcript-text{word-wrap:break-word;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;max-height:300px;overflow-y:auto;padding:16px;white-space:pre-wrap}.transcript-section{max-height:400px;overflow:visible}.transcript-chat{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;gap:12px;max-height:350px;overflow-y:auto;padding:16px}.chat-bubble,.transcript-chat{display:flex;flex-direction:column}.chat-bubble{border-radius:16px;box-shadow:0 1px 3px #0000001a;font-size:14px;line-height:1.5;margin-bottom:4px;max-width:75%;padding:12px 16px}.chat-bubble.left{align-self:flex-start;background:#e3f2fd;border-bottom-left-radius:4px;color:#1a1a1a}.chat-bubble.right{align-self:flex-end;background:#e8f5e8;border-bottom-right-radius:4px;color:#1a1a1a}.chat-speaker{color:#3b82f6;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.chat-bubble.right .chat-speaker{color:#10b981}.chat-text{color:#374151;word-break:break-word}.details-actions{margin-top:8px}.action-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s;width:100%}.action-button:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.error{border:1px solid #fee2e2;border-radius:12px;color:#dc2626}.error,.loading{background:#fff;font-size:16px;padding:40px;text-align:center}.loading{border:1px solid #f0f0f0;border-radius:12px;color:#666}@media (max-width:1400px){.call-details-container{max-width:85vw;min-width:85vw;width:85vw}}@media (max-width:1024px){.call-details-container{max-width:95vw;min-width:95vw;padding:20px 20px 120px;width:95vw}.details-header h2{font-size:24px}.detail-row{gap:12px;grid-template-columns:120px 1fr}}@media (max-width:768px){.call-details-container{max-width:100vw;min-width:100vw;padding:16px 16px 120px;width:100vw}.details-header{align-items:flex-start;flex-direction:column;gap:12px}.details-header h2{font-size:22px}.details-section{padding:20px}.detail-row{gap:4px;grid-template-columns:1fr;padding:8px 0}.detail-label{font-size:12px}.detail-value{font-size:14px}.transcript-chat{max-height:250px;padding:12px}.chat-bubble{max-width:85%;padding:10px 12px}}.ria-metadata-section{background:linear-gradient(135deg,#e65c0005,#e65c000a);border:1px solid #e65c0040}.ria-metadata-section:hover{border-color:#e65c0066}.ria-badge-header{background:#e65c00;border-radius:4px;box-shadow:0 2px 4px #e65c004d;color:#fff;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.5px;margin-right:8px;padding:3px 10px;text-transform:uppercase}.call-attempts-info,.ria-badge-header{align-items:center;display:inline-flex}.call-attempts-info{font-size:14px;gap:8px}.attempt-stat{align-items:center;background:#fff7ed;border-radius:6px;color:#c2410c;display:inline-flex;font-weight:500;padding:4px 10px}.attempt-divider{color:#d1d5db;font-weight:300}.attempt-label{background:#e65c00;color:#fff}.attempt-previous{background:#f0fdf4;color:#166534}.ria-lead-id{background:#f3f4f6;border-radius:4px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;padding:4px 8px;word-break:break-all}.first-call-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.first-call-badge.yes{background:#f0fdf4;color:#00d084}.first-call-badge.no{background:#f3f4f6;color:#6b7280}.verification-link{align-items:center;background:#e65c00;border-radius:6px;box-shadow:0 2px 4px #e65c004d;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.verification-link:hover{background:#d14b00;box-shadow:0 4px 12px #e65c0066;color:#fff;transform:translateY(-1px)}.verification-link svg{flex-shrink:0}@media (max-width:768px){.call-attempts-info{align-items:flex-start;flex-direction:column;gap:6px}.attempt-divider{display:none}.verification-link{font-size:13px;padding:10px 16px}}.user-management-container{background-color:#fafafa;box-sizing:border-box;margin:0 auto;max-width:75vw;min-width:75vw;padding:24px 24px 120px;width:75vw}.user-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.header-buttons{align-items:center;display:flex;gap:12px}.user-management-title{color:#1a1a1a;font-size:32px;font-weight:700;margin:0}.add-user-button{align-items:center;background:#e65c00;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.add-user-button:hover{background:#d14b00;box-shadow:0 4px 12px #e65c004d;transform:translateY(-1px)}.refresh-button{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px;transition:all .2s}.refresh-button:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.sync-button{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px;transition:all .2s}.sync-button:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.sync-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.spinner{border:2px solid #0000;border-top-color:#fff;height:10px;width:10px}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.error-message,.success-message{margin-bottom:24px;padding:12px 16px}.success-message{background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:14px}.tab-navigation{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:4px;margin-bottom:24px;padding:4px}.tab-button{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;position:relative;transition:all .2s}.tab-button:hover{background:#f8f9fa;color:#374151}.tab-button.active{background:#3b82f6;box-shadow:0 2px 4px #3b82f633;color:#fff}.tab-button.active:hover{background:#2563eb}.filter-controls,.filter-row{margin-bottom:24px;width:100%}.filter-row{align-items:center;display:flex;gap:16px}.search-container{flex:1 1;max-width:300px;min-width:200px}.search-input{border:1px solid #d0d0d0;border-radius:8px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:14px;font-weight:400;height:32px;line-height:1.5715;outline:none;padding:0 40px;transition:border-color .2s;width:100%}.search-input-wrapper{flex:1 1;max-width:300px;min-width:200px;position:relative}.search-icon{left:12px;pointer-events:none;z-index:1}.search-clear-btn,.search-icon{color:#8c8c8c;position:absolute;top:50%;transform:translateY(-50%)}.search-clear-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;right:8px;transition:all .2s ease;z-index:2}.search-clear-btn:hover{background-color:#1890ff1a;color:#1890ff}.search-clear-btn svg{height:14px;width:14px}.search-input:hover{border-color:#1890ff}.search-input:focus{border-color:#00d084;box-shadow:0 0 0 3px #00d0841a}.filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.clear-filters-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:32px;justify-content:center;padding:0 18px;transition:all .2s ease}.clear-filters-btn:hover{background:#f0fdf4;border-color:#00d084;box-shadow:0 4px 12px #0000001a;color:#00d084;transform:translateY(-1px)}.filter-results{border-top:1px solid #f0f0f0;color:#666;font-size:13px;font-weight:500;padding-top:12px}.ant-select{width:200px}.ant-select .ant-select-selector{border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:500}.ant-select-focused .ant-select-selector{border-color:#00d084!important;box-shadow:0 0 0 2px #00d0841a!important}.sort-container{position:relative}.sort-dropdown{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #0000001f;max-height:60vh;min-width:160px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.sort-content{padding:6px 0}.sort-option{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px 16px;text-align:left;transition:all .2s ease;width:100%}.sort-option.active,.sort-option:hover{background:#f0fdf4;color:#00d084}.sort-option.active{border-left-color:#00d084;font-weight:600}.sort-option .sort-arrow{color:#00d084;font-size:14px;margin-left:8px;opacity:.8}.sort-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:32px;justify-content:center;padding:0 18px;transition:all .2s ease}.sort-btn:hover{background:#f0fdf4;border-color:#00d084;box-shadow:0 4px 12px #0000001a;color:#00d084;transform:translateY(-1px)}.sort-btn.active{background:#00d084;border-color:#00d084;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-container{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;display:flex;justify-content:center;padding:60px}.loading-text{color:#666;font-size:16px}.users-table-container{border:1px solid #f0f0f0;border-radius:12px;overflow:hidden;overflow-x:auto}.users-table,.users-table-container{background:#fff;box-shadow:0 1px 3px #0000001a}.users-table{border-collapse:collapse;border-radius:12px;margin-bottom:16px;overflow:hidden;table-layout:fixed;width:100%}.users-table th{background:#f8f9fa;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.users-table th:first-child{width:25%}.users-table th:nth-child(2),.users-table th:nth-child(3){width:20%}.users-table th:nth-child(4){width:15%}.users-table th:nth-child(5){width:20%}.users-table.no-actions th:first-child{width:30%}.users-table.no-actions th:nth-child(2),.users-table.no-actions th:nth-child(3){width:25%}.users-table.no-actions th:nth-child(4){width:20%}.users-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;overflow-wrap:break-word;padding:16px 12px;vertical-align:top}.users-table tr:hover{background-color:#f8f9fa}.users-table tr:last-child td{border-bottom:none}.name-cell,.phone-cell,.team-cell{line-height:1.4}.team-name,.user-name{word-wrap:break-word;color:#1a1a1a;font-weight:600;margin-bottom:4px;overflow-wrap:break-word}.user-phone{color:#666;font-size:14px}.team-id,.user-id,.user-phone{font-family:SF Mono,Monaco,Consolas,monospace}.team-id,.user-id{background:#f1f5f9;border-radius:4px;color:#475569;cursor:pointer;display:inline-block;font-size:11px;margin-top:4px;max-width:100%;padding:2px 6px;transition:all .2s;word-break:break-all}.team-id:hover,.user-id:hover{background:#e2e8f0;color:#334155;transform:translateY(-1px)}.team-id.copied,.user-id.copied{background:#dcfce7;color:#166534;font-weight:600}.actions-cell{white-space:nowrap}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;margin-right:8px;padding:6px 12px;transition:all .2s}.edit-btn{background:#e0e7ff;color:#3730a3}.edit-btn:hover{background:#c7d2fe;transform:translateY(-1px)}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover{background:#fecaca;transform:translateY(-1px)}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.role-badge.admin{background:#fef3c7;color:#d97706}.role-badge.team_lead{background:#e0e7ff;color:#3730a3}.role-badge.agent{background:#dcfce7;color:#166534}.teams-badges-container{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.team-badge{align-items:center;border-radius:20px;cursor:default;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.3px;padding:4px 12px;transition:all .2s ease;white-space:nowrap}.team-badge:hover{opacity:.9;transform:translateY(-1px)}.team-badge[data-color-index="0"]{background:#e0e7ff;color:#3730a3}.team-badge[data-color-index="1"]{background:#dcfce7;color:#166534}.team-badge[data-color-index="2"]{background:#e3f2fd;color:#1565c0}.team-badge[data-color-index="3"]{background:#f3e5f5;color:#7b1fa2}.team-badge[data-color-index="4"]{background:#fff3cd;color:#856404}.team-badge[data-color-index="5"]{background:#ffebee;color:#c62828}.team-badge:not([data-color-index]){background:#f3f4f6;color:#374151}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;position:relative;width:90vw}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;width:100%}.modal-title{color:#1a1a1a;font-size:20px;font-weight:700;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;flex-shrink:0;font-size:24px;margin-left:auto;padding:4px;transition:all .2s}.close-button:hover{background:#f3f4f6;color:#1a1a1a}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.form-field{display:flex;flex-direction:column}.form-label{color:#374151;font-size:14px;font-weight:600;margin-bottom:6px}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s}.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.save-button{background:#e65c00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.save-button:hover{background:#d14b00;box-shadow:0 4px 12px #e65c004d;transform:translateY(-1px)}.save-button:disabled{color:#9ca3af;cursor:not-allowed;position:relative}.save-button:disabled,.save-button:disabled:hover{background:#e5e7eb;box-shadow:none;transform:none}.save-button:disabled:hover:after{background:#374151;border-radius:4px;bottom:100%;box-shadow:0 2px 8px #0003;color:#fff;content:"No changes made";font-size:11px;font-weight:500;left:50%;margin-bottom:6px;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.cancel-button{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.cancel-button:hover{background:#4b5563}.delete-modal-content{padding:32px 24px;text-align:center}.delete-icon{align-items:center;background:#fee2e2;border-radius:50%;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.delete-title{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 8px}.delete-message{color:#666;line-height:1.5;margin-bottom:24px}.delete-actions{display:flex;gap:12px;justify-content:center}.confirm-delete-button{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.confirm-delete-button:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}@media (max-width:1400px){.user-management-container{max-width:85vw;min-width:85vw;width:85vw}}@media (max-width:1024px){.user-management-container{max-width:95vw;min-width:95vw;padding:20px 20px 120px;width:95vw}.user-management-header{align-items:stretch;flex-direction:column;gap:16px}.header-buttons{justify-content:center}.user-management-title{font-size:28px;text-align:center}.tab-navigation{flex-direction:column;gap:2px}.tab-button{font-size:13px;padding:10px 16px}.filter-row{align-items:stretch;flex-direction:column;gap:12px}.search-container{max-width:100%;min-width:100%}.search-input{box-sizing:border-box;font-size:14px;font-weight:400;height:32px;line-height:1.5715;padding:0 16px;width:100%}.filter-group{flex-wrap:wrap;justify-content:center;width:100%}.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.user-management-container{max-width:100vw;min-width:100vw;padding:16px 16px 120px;width:100vw}.user-management-title{font-size:24px}.users-table{min-width:600px}.users-table td,.users-table th{padding:12px 8px}.team-id,.user-id{font-size:10px;max-width:100px}.modal-content{padding:20px;width:95vw}.form-actions{flex-direction:column}.action-btn{font-size:11px;padding:5px 8px}}.demo-login-container{align-items:center;background:linear-gradient(135deg,#1d2130,#2a2f42);display:flex;justify-content:center;min-height:100vh;padding:20px}.demo-login-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:40px;width:100%}.demo-login-header{margin-bottom:30px;text-align:center}.demo-login-header h1{color:#1d2130;font-size:24px;font-weight:600;margin:0 0 10px}.demo-login-header p{color:#666;font-size:14px;margin:0}.demo-login-form{gap:20px}.demo-login-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s}.form-group input:focus{border-color:#1d2130;outline:none}.error-message{background:#fce8e6;border-radius:6px;color:#d93025;font-size:14px;padding:8px;text-align:center}.login-btn{background:#1d2130;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s}.login-btn:hover{background:#2a2f42}.demo-page{background:#f8f9fb;min-height:100vh;overflow-y:auto;padding:20px 20px 40px}.demo-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px;position:relative;width:100%}.demo-header h1{color:#1d2130;flex:1 1;font-size:28px;font-weight:600;margin:0;text-align:left}.demo-page .logout-btn{background:#d93025;border:none;border-radius:8px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;float:none;font-size:14px;font-weight:500;left:auto;margin:0;padding:10px 20px;position:relative;right:auto;top:auto;transition:background-color .2s;white-space:nowrap;z-index:1}.demo-page .logout-btn:hover{background:#b52d20}.demo-content{margin:0 auto;max-width:1400px}.demo-layout{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.demo-left{gap:20px}.demo-left,.demo-right{display:flex;flex-direction:column;height:100%}.demo-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.demo-section h2{color:#1d2130;font-size:20px;font-weight:600;margin:0 0 20px}.config-form{gap:16px}.config-form,.config-group{display:flex;flex-direction:column}.config-group{gap:8px}.config-group label{color:#333;font-size:14px;font-weight:500}.config-group input,.config-group select{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s}.config-group input:focus,.config-group select:focus{border-color:#1d2130;outline:none}.call-demo-container{padding:20px;text-align:center}.call-demo-container p{color:#666;font-size:16px;margin:0 0 20px}.call-btn{background:linear-gradient(135deg,#1d2130,#2a2f42);border:none;border-radius:12px;box-shadow:0 4px 12px #1d21304d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 32px;transition:transform .2s,box-shadow .2s}.call-btn:hover{box-shadow:0 6px 20px #1d213066;transform:translateY(-2px)}.call-btn:active{transform:translateY(0)}.call-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.call-btn:disabled:hover{box-shadow:0 4px 12px #1d21304d;transform:none}.instructions{color:#666;line-height:1.6}.instructions ol{margin:0;padding-left:20px}.instructions li{margin-bottom:8px}.call-status{border-radius:8px;font-size:14px;font-weight:500;margin-top:16px;padding:12px 16px;text-align:center}.call-status.success{background:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}.call-status.error{background:#ffebee;border:1px solid #f44336;color:#c62828}.call-status.loading{align-items:center;background:#e3f2fd;border:1px solid #2196f3;color:#1565c0;display:flex;gap:8px;justify-content:center}.spinner-small{animation:spin 1s linear infinite;border:2px solid #e3f2fd;border-radius:50%;border-top-color:#1565c0;height:16px;width:16px}.call-interface-section{background:#fff;border:2px solid #1d2130;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden}.call-interface-placeholder{align-items:center;background:#f8f9fb;border:2px dashed #e1e5e9;border-radius:12px;display:flex;height:100%;justify-content:center}.placeholder-content{background:#ffffffe6;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;padding:40px;text-align:center}.placeholder-icon{font-size:64px;margin-bottom:20px;opacity:.8}.placeholder-content h3{color:#1d2130;font-size:24px;font-weight:600;margin:0 0 16px}.placeholder-content p{color:#555;font-size:16px;line-height:1.6;margin:0;max-width:300px}.call-interface-header{align-items:center;background:linear-gradient(135deg,#1d2130,#2a2f42);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.call-interface-header h2{font-size:18px;font-weight:600;margin:0}.close-call-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s}.close-call-btn:hover{background:#fff3;border-color:#ffffff80}.call-interface-container{background:#f8f9fb;flex:1 1;position:relative;width:100%}.call-interface-iframe{background:#fff;border:none;height:100%;width:100%}@media (max-width:1200px){.demo-layout{gap:20px;grid-template-columns:1fr}.demo-left{order:1}.demo-right{order:2}}@media (max-width:768px){.demo-login-container{padding:10px}.demo-login-card{padding:30px 20px}.demo-page{padding:10px}.demo-header{align-items:center;flex-direction:column;gap:16px;text-align:center}.demo-header h1{font-size:24px}.demo-layout{gap:15px}.demo-section{padding:20px}.call-interface-container{min-height:400px}.call-interface-placeholder,.call-interface-section{min-height:500px}.call-interface-header{padding:12px 16px}.call-interface-header h2{font-size:16px}.close-call-btn{font-size:12px;padding:6px 10px}.placeholder-content{padding:20px}.placeholder-icon{font-size:36px}.placeholder-content h3{font-size:18px}}.navigation-bar{background:#fff;border:1px solid #e0e0e0;border-radius:16px;bottom:20px;box-shadow:0 8px 24px #00000026;height:auto;justify-content:center;left:50%;max-width:700px;min-width:60vw;padding:12px 20px;position:fixed;transform:translateX(-50%);width:auto;z-index:100}.nav-container,.navigation-bar{align-items:center;display:flex}.nav-container{gap:0;justify-content:space-between;width:100%}.nav-item{align-items:center;background:none;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:row;font-size:14px;gap:8px;justify-content:center;outline:none;padding:14px 20px;position:relative;transition:all .2s ease}.nav-item:hover{background:#f3f4f6;color:#374151}.nav-item.active{background:#f0fdf4;color:#00d084;font-weight:600}.nav-item.active:before{background:#00d084;border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:-2px;transform:translateX(-50%);width:32px}.nav-icon{flex-shrink:0;height:20px;transition:transform .2s ease;width:20px}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-label{font-size:12px;font-weight:inherit;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}@media (max-width:768px){.navigation-bar{bottom:16px;min-width:90vw;padding:10px 16px}.nav-item{gap:6px;padding:12px 16px}.nav-icon{height:18px;width:18px}.nav-label{font-size:11px;letter-spacing:.6px}}@media (max-width:480px){.navigation-bar{bottom:12px;min-width:95vw;padding:8px 12px}.nav-item{gap:4px;padding:10px 12px}.nav-icon{height:16px;width:16px}.nav-label{font-size:10px;letter-spacing:.4px}}.app{padding-bottom:130px}@media (max-width:768px){.app{padding-bottom:120px}}.logout-btn{transition:all .2s}.logout-btn:hover{background:#cc5200;box-shadow:0 4px 12px #e65c004d;transform:translateY(-1px)}@media (max-width:768px){.logout-btn{font-size:14px;padding:8px 16px;right:20px;top:20px}}@media (max-width:480px){.logout-btn{font-size:13px;padding:6px 12px;right:16px;top:16px}}.dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d;display:flex;height:70px;left:0;padding:0 32px;position:fixed;right:0;top:0;z-index:1000}.logo-container{align-items:center;display:flex;height:40px}.dashboard-logo{height:36px;max-width:150px;object-fit:contain;width:auto}.logo-text{align-items:center;display:flex;font-size:24px;font-weight:700}.logo-ami{color:#00d084}.logo-credit{color:#374151}.logout-btn{background:#e65c00;border:none;border-radius:6px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 22px;position:fixed;right:32px;top:24px;transition:background .2s;z-index:2000}.logout-btn:hover{background:#d44c00}@media (max-width:768px){.dashboard-header{height:60px;padding:0 20px}.logo-container{height:32px}.dashboard-logo{height:28px;max-width:120px}.logo-text{font-size:20px}.logout-btn{border-radius:5px;font-size:14px;padding:8px 18px;right:20px;top:18px}}@media (max-width:480px){.dashboard-header{height:55px;padding:0 16px}.logo-container{height:28px}.dashboard-logo{height:24px;max-width:100px}.logo-text{font-size:18px}.logout-btn{border-radius:4px;font-size:13px;padding:6px 14px;right:16px;top:14px}}#root,.app,body,html{height:100vh;margin:0;overflow:hidden;padding:0}.app{background:#f9f9f9;flex-direction:column}.app,.main-content{display:flex;height:100vh}.main-content{align-items:center;flex:1 1 auto;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 90px);overflow-y:auto;padding-bottom:64px;padding-top:90px}.placeholder{color:#bbb;text-align:center}.connect-btn{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2em;margin-top:2em;padding:1em 2em}footer,header{background:#36d576;color:#fff;text-align:center}main{flex-grow:1}footer a{color:#fff}.spinner{animation:spin 1s linear infinite;border:4px solid #eee;border-radius:50%;border-top-color:#e65c00;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.initial-loader{align-items:center;background:#00b2bb;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loader-content{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fefefe;border:1px solid #00b2bb4d;border-radius:20px;border-radius:12px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #00b2bb1a;margin:16px;max-width:calc(100vw - 32px);padding:48px 56px;text-align:center;width:480px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.loader-message{color:#999;font-size:24px;font-weight:400;letter-spacing:.5px;margin-bottom:20px}.loader-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#e75401;height:32px;margin:0 auto;width:32px}@media (max-width:768px){.main-content{min-height:calc(100vh - 80px);padding-top:80px}.app{padding-bottom:110px}}@media (max-width:480px){.main-content{min-height:calc(100vh - 75px);padding-top:75px}}
/*# sourceMappingURL=main.8709dad5.css.map*/