:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--bg-card: #1e1e1e;--border-color: #2d2d2d;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #6b6b6b;--accent-green: #10b981;--accent-red: #ef4444;--accent-blue: #3b82f6;--accent-orange: #f59e0b;--hover-bg: #2a2a2a;--selected-bg: #1e3a5f;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--sidebar-width: 240px;--sidebar-collapsed-width: 60px}.dashboard-container{display:flex;min-height:100vh;width:100%}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.account-name{font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-dropdown-container{width:100%}.org-selector{width:100%;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;outline:none}.org-selector:hover{background-color:var(--hover-bg);border-color:var(--accent-green)}.org-selector:focus{border-color:var(--accent-green);box-shadow:0 0 0 2px #10b9811a}.org-selector option{background-color:var(--bg-secondary);color:var(--text-primary)}.sidebar-nav{flex:1;padding:var(--spacing-md) 0}.nav-section{margin-bottom:var(--spacing-md)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;cursor:pointer;border-left:3px solid transparent}.nav-item:hover{background-color:var(--hover-bg);color:var(--text-primary)}.nav-item.active{background-color:#ffffff1a;color:var(--text-primary);border-left-color:#fffc}.nav-icon{font-size:18px;width:20px;text-align:center}.nav-label{font-size:14px;font-weight:500}.sidebar-divider{height:1px;background-color:var(--border-color);margin:var(--spacing-md) var(--spacing-lg)}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.sign-out-btn{width:100%;padding:var(--spacing-md);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.sign-out-btn:hover{background-color:var(--hover-bg);border-color:var(--accent-red)}.main-content{margin-left:var(--sidebar-width);flex:1;padding:var(--spacing-xl);min-height:100vh;background-color:var(--bg-primary)}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.page-title{font-size:28px;font-weight:700;color:var(--text-primary)}.filters{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-label{font-size:12px;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.filter-dropdown{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:140px;height:36px;box-sizing:border-box}.filter-dropdown:hover{border-color:var(--accent-blue)}.filter-dropdown:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.lead-source-toggle{display:flex;gap:var(--spacing-xs);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0;align-items:center;height:36px;box-sizing:border-box}.lead-type-dropdown-mobile{display:none}.toggle-btn{padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.4;height:100%;box-sizing:border-box;display:flex;align-items:center}.toggle-btn:hover{color:var(--text-primary);background-color:var(--hover-bg)}.toggle-btn.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0003}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);align-items:stretch}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s ease;position:relative;overflow:visible;cursor:grab;-webkit-user-select:none;user-select:none}.stat-card:hover{border-color:var(--accent-blue);box-shadow:0 4px 12px #0000004d}.stat-card:active{cursor:grabbing}.stat-card.dragging{opacity:.5;transform:scale(.95);cursor:grabbing;z-index:1000}.stat-card.drag-over{border-color:var(--accent-green);box-shadow:0 0 0 2px #10b9814d;transform:scale(1.02)}.stat-card-wrapper{transition:all .2s ease;display:flex;flex-direction:column}.stat-card-wrapper .stat-card{flex:1;display:flex;flex-direction:column}.stat-card-wrapper.selected .stat-card{border:2px solid var(--accent-green);box-shadow:0 0 0 2px #10b98133}.stat-card-wrapper.selected .stat-card:hover{border-color:var(--accent-green);box-shadow:0 0 0 2px #10b9814d}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.stat-card-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-card-title{font-size:14px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-card-icon{font-size:20px;opacity:.6}.stat-card-info-container{position:relative;display:inline-flex}.stat-card-info-icon{width:20px;height:20px;border-radius:50%;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;font-weight:600;font-style:italic;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;line-height:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-shrink:0}.stat-card-info-icon:hover{background-color:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-primary);transform:scale(1.1)}.stat-card-info-icon:active{transform:scale(.95)}.stat-card-tooltip{position:fixed;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:12px;color:var(--text-primary);line-height:1.5;max-width:250px;min-width:180px;z-index:10000;box-shadow:0 4px 12px #0006;pointer-events:auto;white-space:normal;word-wrap:break-word;opacity:0;visibility:hidden;transition:opacity .15s ease-out,visibility .15s ease-out}.stat-card-tooltip.tooltip-visible{opacity:1;visibility:visible}.stat-card-tooltip:after{content:"";position:absolute;top:100%;left:var(--arrow-offset, 50%);transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-card)}.stat-card-tooltip:before{content:"";position:absolute;top:100%;left:var(--arrow-offset, 50%);transform:translate(-50%);border:7px solid transparent;border-top-color:var(--border-color);margin-top:-1px}.stat-card-tooltip.tooltip-below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--bg-card)}.stat-card-tooltip.tooltip-below:before{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-top-color:transparent;border-bottom-color:var(--border-color)}@media (max-width: 768px){.stat-card-tooltip{max-width:calc(100vw - 32px);min-width:200px;font-size:11px;padding:var(--spacing-sm) var(--spacing-md)}.stat-card-info-icon{width:20px;height:20px;font-size:13px}}.stat-card-value{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.2}.stat-card-delta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:14px;font-weight:500;margin-bottom:var(--spacing-md)}.stat-card-delta.positive{color:var(--accent-green)}.stat-card-delta.negative{color:var(--accent-red)}.stat-card-sparkline{height:40px;width:100%;margin-top:auto;padding-top:var(--spacing-md);position:relative;pointer-events:none;overflow:hidden;border-radius:var(--radius-sm)}.sparkline-svg{width:100%;height:100%}.sparkline-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.sparkline-line.positive{stroke:var(--accent-green)}.sparkline-line.negative{stroke:var(--accent-red)}.sparkline-area{opacity:.2}.sparkline-area.positive{fill:var(--accent-green)}.sparkline-area.negative{fill:var(--accent-red)}.stat-card.revenue-card .stat-card-value.revenue-value{font-size:40px;font-weight:800;display:flex;align-items:baseline;gap:4px;line-height:1.1}.stat-card.revenue-card .revenue-main{font-size:40px;font-weight:800;color:var(--text-primary)}.stat-card.revenue-card .revenue-suffix{font-size:20px;font-weight:600;color:var(--text-secondary);opacity:.8;margin-left:2px}.heatmap-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-xl)}.heatmap-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.heatmap-title-group{flex:1}.heatmap-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.heatmap-subtitle{font-size:13px;color:var(--text-tertiary)}.heatmap-summary{font-size:14px;color:var(--text-secondary);font-weight:500}.heatmap-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);overflow-x:auto;overflow-y:hidden;padding-bottom:var(--spacing-sm);max-height:200px}.heatmap-day-labels{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-right:var(--spacing-md)}.day-label{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-tertiary);font-weight:500}.heatmap-grid{display:flex;flex-direction:row;gap:var(--spacing-xs);flex:1;width:100%;justify-content:flex-start;align-items:flex-start;min-width:0}.heatmap-week{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0}.heatmap-cell{width:20px;height:20px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.heatmap-cell:hover{transform:scale(1.1);z-index:10}.heatmap-cell.has-data{background-color:var(--accent-green)}.heatmap-legend{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.legend-label{font-size:12px;color:var(--text-tertiary)}.legend-gradient{display:flex;gap:4px}.legend-square{width:12px;height:12px;background-color:var(--accent-green);border-radius:2px}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 768px){.sidebar{width:var(--sidebar-collapsed-width)}.sidebar .nav-label,.sidebar .account-name{display:none}.sidebar .nav-item{justify-content:center;padding:var(--spacing-md)}.main-content{margin-left:var(--sidebar-collapsed-width);padding:var(--spacing-md)}.top-bar{flex-direction:column;align-items:flex-start}.filters{width:100%}.filter-group{flex:1;min-width:120px}.kpi-grid{grid-template-columns:1fr}.heatmap-header{flex-direction:column}.lead-source-toggle{display:none}.lead-type-dropdown-mobile{display:block}}@media (max-width: 480px){.main-content{padding:var(--spacing-sm)}.page-title{font-size:24px}.stat-card-value{font-size:28px}.heatmap-container{gap:2px}.heatmap-cell,.day-label{width:16px;height:16px;font-size:10px}}.login-container{width:100%;max-width:400px;margin:0 auto;padding:20px}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;text-align:center}.login-header h1{color:var(--text-primary);font-size:28px;margin-bottom:8px;font-weight:600}.login-header p{color:var(--text-secondary);font-size:14px;margin-bottom:30px}.login-content{display:flex;flex-direction:column;gap:20px}.google-sign-in-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:16px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.google-sign-in-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--accent-blue)}.google-sign-in-btn:active:not(:disabled){background:var(--bg-tertiary)}.google-sign-in-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#ef44441a;color:var(--accent-red);padding:12px;border-radius:var(--radius-md);font-size:14px;border:1px solid rgba(239,68,68,.3)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}.spinner{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-top:4px solid var(--accent-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{color:var(--text-secondary);font-size:14px}.pie-chart-card{display:flex;flex-direction:column;align-items:center;justify-content:center}.pie-chart-wrapper{display:flex;justify-content:center;align-items:center;min-height:80px;height:80px;width:100%;margin-top:calc(var(--spacing-md) - 20px);margin-bottom:-40px;position:relative;overflow:visible}.pie-chart-container{display:flex;justify-content:center;align-items:center;position:relative}.pie-chart-svg{width:80px;height:80px}.pie-chart-text{font-weight:700;fill:var(--text-primary)}.stat-card-subtitle{font-size:12px;color:var(--text-tertiary);margin-top:var(--spacing-xs)}.calls-section{margin-top:var(--spacing-xl)}.section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.coming-soon-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;min-height:300px}.coming-soon-content{text-align:center;max-width:400px}.coming-soon-icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.6}.coming-soon-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.coming-soon-text{font-size:14px;color:var(--text-secondary);line-height:1.6}.calls-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.call-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;cursor:pointer}.call-item:hover{border-color:var(--accent-blue);box-shadow:0 2px 8px #0003}.call-item.expanded{border-color:var(--accent-blue)}.call-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);width:100%}.call-item-left{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.call-phone-number{font-size:16px;font-weight:600;color:var(--text-primary);min-width:140px}.call-timestamp{font-size:13px;font-weight:400;color:var(--text-secondary);margin-left:var(--spacing-xs);font-style:normal}.call-item-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0;margin-left:auto}.call-reason-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge-lead{background-color:#3b82f633;color:var(--accent-blue);border:1px solid var(--accent-blue)}.badge-service{background-color:#10b98133;color:var(--accent-green);border:1px solid var(--accent-green)}.call-status{font-size:13px;font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs)}.status-success{color:var(--accent-green)}.status-failed{color:var(--accent-red)}.call-sentiment{font-size:13px;font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs)}.sentiment-positive{color:var(--accent-green)}.sentiment-neutral{color:var(--text-secondary)}.sentiment-negative{color:var(--accent-red)}.call-item.caller-closed{border-left:3px solid var(--accent-orange);background-color:#f59e0b14}.caller-closed-badge{font-size:12px;font-weight:500;color:var(--accent-orange);background-color:#f59e0b26;padding:4px 8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.call-item-actions{display:flex;align-items:center}.call-expand-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);transition:color .2s ease;display:flex;align-items:center;justify-content:center}.call-expand-btn:hover{color:var(--text-primary)}.expand-icon{font-size:14px;transition:transform .2s ease}.call-item-details{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);animation:slideDown .3s ease}.stat-card-skeleton{position:relative;overflow:hidden}.stat-card-skeleton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);animation:shimmer 2s infinite;z-index:1;pointer-events:none}@keyframes shimmer{0%{left:-100%}to{left:100%}}.skeleton-text{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm);color:transparent!important;position:relative;z-index:0}.skeleton-value{width:120px;height:38px;margin-bottom:var(--spacing-sm)}.skeleton-delta{width:80px;height:20px;margin-bottom:var(--spacing-md)}.skeleton-sparkline{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm);height:40px;margin-top:var(--spacing-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.call-detail-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.call-summary-section{margin-bottom:var(--spacing-xl)}.call-summary-text{color:var(--text-secondary);line-height:1.6;font-size:14px}.call-transcript-section{margin-top:var(--spacing-xl)}.call-transcript{background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-lg);max-height:400px;overflow-y:auto}.transcript-entry{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.transcript-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.transcript-speaker{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:13px}.transcript-agent .transcript-speaker{color:var(--accent-blue)}.transcript-caller .transcript-speaker{color:var(--accent-green)}.transcript-text{color:var(--text-secondary);line-height:1.6;font-size:14px;padding-left:var(--spacing-md)}.transcript-empty{color:var(--text-tertiary);font-style:italic;text-align:center;padding:var(--spacing-lg)}.line-graph-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.line-graph-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;overflow-x:auto}.line-graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.line-graph-title{font-size:18px;font-weight:600;color:var(--text-primary)}.see-names-link{font-size:14px;font-weight:500;color:var(--accent-blue);text-decoration:none;transition:all .2s ease;display:flex;align-items:center;gap:4px}.see-names-link:hover{color:var(--accent-green);text-decoration:underline}.line-graph-svg{width:100%;max-width:1000px;height:auto;min-height:400px;display:block}.line-graph-empty{text-align:center;color:var(--text-tertiary);padding:var(--spacing-xl);font-style:italic}.page-content{display:none}@media (max-width: 768px){.call-item-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.call-item-left{width:100%;flex-wrap:wrap}.call-phone-number{min-width:auto}.call-item-right{width:100%;justify-content:space-between;margin-left:0;gap:var(--spacing-sm)}.call-transcript{max-height:300px}}.nurture-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.nurture-section .section-title{margin-bottom:var(--spacing-lg)}.conversations-section{margin-top:var(--spacing-xl)}.conversations-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.no-conversations-message{color:var(--text-secondary);text-align:center;padding:var(--spacing-xl);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.conversation-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;cursor:pointer}.conversation-item:hover{border-color:var(--accent-blue);box-shadow:0 2px 8px #0003;transform:translate(4px)}.conversation-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.conversation-item-left{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.conversation-name-phone{display:flex;flex-direction:column;gap:2px}.conversation-name{font-size:16px;font-weight:600;color:var(--text-primary)}.conversation-phone{font-size:13px;color:var(--text-secondary)}.conversation-source-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-facebook{background-color:#3b599833;color:#8b9dc3;border:1px solid rgba(59,89,152,.4)}.badge-website{background-color:#10b98133;color:var(--accent-green);border:1px solid var(--accent-green)}.badge-other{background-color:#6b728033;color:var(--text-secondary);border:1px solid var(--text-tertiary)}.conversation-item-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0;margin-left:auto}.conversation-status{font-size:12px;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-transform:capitalize}.status-open{background-color:#10b98126;color:var(--accent-green)}.status-closed{background-color:#6b728026;color:var(--text-secondary)}.conversation-timestamp{font-size:13px;color:var(--text-secondary)}.conversation-arrow{font-size:16px;color:var(--text-tertiary);transition:transform .2s ease}.conversation-item:hover .conversation-arrow{transform:translate(4px);color:var(--accent-blue)}.conversation-preview{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);margin-top:var(--spacing-sm)}.direction-indicator{font-size:12px;font-weight:600;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.direction-indicator.inbound{background-color:#3b82f633;color:var(--accent-blue)}.direction-indicator.outbound{background-color:#10b98133;color:var(--accent-green)}.preview-text{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conversation-detail-loading,.conversation-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.conversation-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.back-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover{background-color:var(--hover-bg);border-color:var(--accent-blue)}.conversation-header-info{display:flex;flex-direction:column;gap:2px}.conversation-header-info .page-title{margin-bottom:0}.conversation-phone-header{font-size:14px;color:var(--text-secondary)}.conversation-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.conversation-source-tag{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-md);font-size:13px;font-weight:500;color:var(--text-secondary)}.conversation-status-tag{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:13px;font-weight:500;text-transform:capitalize}.conversation-status-tag.open{background-color:#10b98126;color:var(--accent-green)}.conversation-status-tag.closed{background-color:#6b728026;color:var(--text-secondary)}.conversation-meta{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-shrink:0}#conversationDetailPage{display:flex;flex-direction:column;height:100vh;overflow:hidden}#conversationDetailPage .top-bar,#conversationDetailPage .conversation-meta{flex-shrink:0}.meta-item{font-size:14px;color:var(--text-secondary)}.meta-item strong{color:var(--text-primary);font-weight:500;margin-right:var(--spacing-xs)}.messages-section{margin-top:var(--spacing-lg)}.messages-section-fullheight{display:flex;flex-direction:column;flex:1;min-height:0;height:calc(100vh - 280px)}.messages-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);max-height:600px;overflow-y:auto;overflow-x:hidden}.messages-container-fullheight{flex:1;max-height:none;height:100%;overflow-y:auto;scroll-behavior:smooth}.no-messages{text-align:center;color:var(--text-tertiary);padding:var(--spacing-xl);font-style:italic}.message-bubble{display:flex;max-width:75%}.message-bubble.inbound{align-self:flex-start}.message-bubble.outbound{align-self:flex-end}.message-content{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);position:relative;max-width:100%;overflow:hidden}.message-bubble.inbound .message-content{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-bottom-left-radius:var(--radius-sm)}.message-bubble.outbound .message-content{background-color:#10b98126;border:1px solid rgba(16,185,129,.3);border-bottom-right-radius:var(--radius-sm)}.message-bubble.nurture .message-content{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.message-text{font-size:14px;color:var(--text-primary);line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere}.message-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.message-time{font-size:11px;color:var(--text-tertiary)}.nurture-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:var(--radius-sm);background-color:#f59e0b33;color:var(--accent-orange)}@media (max-width: 768px){.conversation-item-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.conversation-item-left{width:100%;flex-wrap:wrap}.conversation-item-right{width:100%;justify-content:space-between;margin-left:0}.conversation-header-left{flex-direction:column;align-items:flex-start}.conversation-meta{display:none}.message-bubble{max-width:90%}.messages-container{max-height:500px}.messages-container-fullheight{max-height:none}.messages-section-fullheight{height:calc(100vh - 200px)}}.closed-deals-section{margin-top:var(--spacing-lg)}.closed-deals-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md);color:var(--text-secondary)}.closed-deals-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.closed-deals-empty .empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.6}.closed-deals-empty h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.closed-deals-empty p{font-size:14px;color:var(--text-secondary)}.closed-deals-table-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.closed-deals-table{width:100%;border-collapse:collapse}.closed-deals-table thead{background-color:var(--bg-tertiary)}.closed-deals-table th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.closed-deals-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.closed-deals-table tbody tr:last-child td{border-bottom:none}.closed-deals-table tbody tr:hover{background-color:var(--hover-bg)}.closed-deals-table .deal-name{font-weight:500;color:var(--text-primary)}.closed-deals-table .deal-phone{color:var(--text-secondary);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px}.closed-deals-table .deal-email{color:var(--accent-blue)}.closed-deals-table .deal-date{color:var(--text-tertiary);font-size:13px}.source-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.source-badge.badge-facebook{background-color:#3b599833;color:#8b9dc3;border:1px solid rgba(59,89,152,.4)}.source-badge.badge-website{background-color:#10b98133;color:var(--accent-green);border:1px solid var(--accent-green)}.source-badge.badge-phone{background-color:#3b82f633;color:var(--accent-blue);border:1px solid var(--accent-blue)}.source-badge.badge-chat{background-color:#10b98133;color:var(--accent-green);border:1px solid var(--accent-green)}.source-badge.badge-other{background-color:#6b728033;color:var(--text-secondary);border:1px solid var(--text-tertiary)}.recovery-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.recovery-badge.badge-phone{background-color:#3b82f633;color:var(--accent-blue);border:1px solid var(--accent-blue)}.recovery-badge.badge-nurture{background-color:#f59e0b33;color:var(--accent-orange);border:1px solid var(--accent-orange)}.recovery-badge.badge-after-hours{background-color:#8b5cf633;color:#a78bfa;border:1px solid #a78bfa}.recovery-badge.badge-other{background-color:#6b728033;color:var(--text-secondary);border:1px solid var(--text-tertiary)}.qualification-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.qualification-badge.badge-engaged{background-color:#10b98133;color:var(--accent-green);border:1px solid var(--accent-green)}.qualification-badge.badge-phone{background-color:#3b82f633;color:var(--accent-blue);border:1px solid var(--accent-blue)}.qualification-badge.badge-conversion{background-color:#f59e0b33;color:var(--accent-orange);border:1px solid var(--accent-orange)}.qualification-badge.badge-other{background-color:#6b728033;color:var(--text-secondary);border:1px solid var(--text-tertiary)}@media (max-width: 768px){.closed-deals-table-container{overflow-x:auto}.closed-deals-table{min-width:600px}.closed-deals-table th,.closed-deals-table td{padding:var(--spacing-sm) var(--spacing-md)}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--bg-card: #1e1e1e;--border-color: #2d2d2d;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #6b6b6b;--accent-green: #10b981;--accent-red: #ef4444;--accent-blue: #3b82f6;--hover-bg: #2a2a2a;--selected-bg: #1e3a5f;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--sidebar-width: 240px;--sidebar-collapsed-width: 60px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden}#root{min-height:100vh;width:100%}