:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--bg-card: #1e1e1e;--border-color: #2d2d2d;--color-border-tertiary: #3a3a3a;--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;--border-radius-lg: var(--radius-lg);--sidebar-width: 240px;--sidebar-collapsed-width: 60px;--navbar-height: 0px}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}.app-navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:200;display:flex;align-items:center}.app-navbar-inner{width:100%;max-width:100%;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.app-navbar-logo{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:var(--text-primary);transition:opacity .2s ease}.app-navbar-logo-home-link{display:inline-flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:var(--text-primary);transition:opacity .2s ease}.app-navbar-logo-home-link:hover{opacity:.9}.app-navbar-logo-img{height:32px;width:auto;object-fit:contain}.app-navbar-brand{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.app-navbar-powered-by{font-size:11px;color:var(--text-tertiary);text-decoration:none;line-height:1.2;white-space:nowrap;transition:color .2s ease}.app-navbar-powered-by:hover{color:var(--accent-green)}.app-navbar-right{position:relative}.app-navbar-profile-trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;color:var(--text-primary);transition:background-color .2s ease}.app-navbar-profile-trigger:hover{background-color:var(--hover-bg)}.app-navbar-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-navbar-avatar-img{width:100%;height:100%;object-fit:cover}.app-navbar-avatar-initials{font-size:14px;font-weight:600;color:var(--text-secondary)}.app-navbar-chevron{color:var(--text-secondary);transition:transform .2s ease}.app-navbar-chevron.open{transform:rotate(180deg)}.app-navbar-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;min-width:220px;padding:var(--spacing-md);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;z-index:300}.app-navbar-dropdown-email{font-size:13px;color:var(--text-secondary);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-sm);word-break:break-all}.app-navbar-dropdown-signout,.app-navbar-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) 0;background:none;border:none;color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .2s ease}.app-navbar-dropdown-item:hover{background-color:var(--hover-bg)}.app-navbar-dropdown-signout:hover{background-color:var(--hover-bg);color:var(--accent-red)}.ad-accounts-admin-row{margin-bottom:var(--spacing-md)}.ad-accounts-admin-row label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.ad-accounts-org-select{min-width:240px;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit}.ad-accounts-no-org{color:var(--text-secondary);font-style:italic}.ad-accounts-intro{color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:560px}.ad-accounts-form{max-width:560px}.ad-accounts-section{margin-bottom:var(--spacing-xl)}.ad-accounts-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.ad-accounts-field{margin-bottom:var(--spacing-md)}.ad-accounts-field label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.ad-accounts-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit}.ad-accounts-input:focus{outline:none;border-color:var(--accent-green)}.ad-accounts-message{padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:14px}.ad-accounts-message--success{background-color:#10b98126;color:var(--accent-green)}.ad-accounts-message--error{background-color:#ef444426;color:var(--accent-red)}.ad-accounts-submit{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent-green);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.ad-accounts-submit:hover:not(:disabled){opacity:.9}.ad-accounts-submit:disabled{opacity:.6;cursor:not-allowed}.ad-accounts-connect-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent-green);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.ad-accounts-connect-btn:hover:not(:disabled){opacity:.9}.ad-accounts-connect-btn:disabled{opacity:.7;cursor:wait}.ad-accounts-connected{font-size:13px;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.ad-accounts-meta-picker{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.ad-accounts-meta-picker label{display:block;font-size:13px;color:var(--text-secondary)}.ad-accounts-meta-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.ad-accounts-advanced-toggle{margin-top:var(--spacing-lg);padding:var(--spacing-xs) 0;background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;text-decoration:underline}.ad-accounts-advanced-toggle:hover{color:var(--text-primary)}.ad-accounts-manual-form{margin-top:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.ad-accounts-subtitle{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.dashboard-container{display:flex;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;padding-top:var(--navbar-height)}.sidebar{position:fixed;left:0;top:var(--navbar-height);width:var(--sidebar-width);height:calc(100vh - var(--navbar-height));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) var(--spacing-lg) var(--spacing-sm);border-bottom:none}.sidebar-brand{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.sidebar-brand-link{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:var(--text-primary);transition:opacity .2s ease}.sidebar-brand-link:hover{opacity:.9}.sidebar-brand-img{height:32px;width:auto;object-fit:contain}.sidebar-brand-text{font-size:1rem;font-weight:700;letter-spacing:-.02em}.sidebar-powered-by{font-size:11px;color:var(--text-tertiary);text-decoration:none;line-height:1.2;white-space:nowrap}.sidebar-powered-by:hover{color:var(--accent-green)}.account-name{font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-name-plain{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding-left:12px}.org-dropdown-container{width:100%}.org-dropdown-container-plain{position:relative}.org-selector-plain{width:100%;background:none;border:none;padding:0 0 0 12px;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;cursor:pointer}.org-selector-plain-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-selector-plain-arrow{color:var(--text-tertiary);font-size:12px;transition:transform .2s ease}.org-selector-plain-arrow.open{transform:rotate(180deg)}.org-selector-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:150;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.org-selector-menu-item{width:100%;border:none;background:transparent;color:var(--text-secondary);text-align:left;padding:10px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.org-selector-menu-item:hover{background:var(--hover-bg);color:var(--text-primary)}.org-selector-menu-item.active{color:var(--text-primary)}.sidebar-top-divider{height:1px;background-color:var(--border-color);margin:0 var(--spacing-lg)}.sidebar-nav{flex:0 0 auto;padding:0}.nav-section{margin-bottom:0}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);margin:0 var(--spacing-lg);padding:12px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;cursor:pointer;border-left:3px solid transparent;border-radius:var(--radius-sm)}.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:transparent}.nav-item-ai-impact{margin-bottom:var(--spacing-xs)}.sidebar-section-label{margin:var(--spacing-md) var(--spacing-lg) 2px;padding:4px 12px 8px}.sidebar-subsection-label{margin:var(--spacing-sm) var(--spacing-lg) 2px;padding:4px 12px 8px}.nav-icon{font-size:18px;width:18px;text-align:center}.nav-label{font-size:13px;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);margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.sidebar-account{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm)}.sidebar-account-email{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;text-align:left}.sign-out-btn{width:100%;background:none;border:none;cursor:pointer;justify-content:flex-start;text-align:left;margin:2px 0 0}.sign-out-btn:hover{color:var(--text-primary)}.sign-out-icon,.sign-out-text{flex-shrink:0}.main-content{margin-left:var(--sidebar-width);flex:1;padding:var(--spacing-lg);min-height:100vh;background-color:var(--bg-primary);overflow-x:hidden;max-width:calc(100vw - var(--sidebar-width))}.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}.line-graph-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.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}.engaged-filter-toggle{display:flex;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;width:100%}.engaged-filter-toggle .toggle-btn{flex:1;justify-content:center}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md);align-items:stretch}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-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-title-wrap{display:inline-flex;align-items:center;gap:6px;min-width:0}.stat-card-title-icon{width:1em;height:1em;color:var(--text-secondary);flex-shrink:0}.stat-card-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-card-title{font-size:11px;font-weight:400;color:var(--text-tertiary);text-transform:none;letter-spacing:normal}.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;text-transform:none;letter-spacing:normal}.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:28px;font-weight:500;color:var(--text-primary);margin-bottom:0;line-height:1.2}.stat-card-value-stack{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.stat-card-delta-line{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;row-gap:2px;font-size:12px;line-height:1.25}.stat-card-delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.stat-card-delta-arrow-svg{flex-shrink:0}.stat-card-delta-pct{font-weight:500}.stat-card-delta-compare{color:var(--text-tertiary);font-weight:400;font-size:12px}.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:28px;font-weight:500;display:flex;align-items:baseline;gap:4px;line-height:1.15}.stat-card.revenue-card .revenue-main{font-size:28px;font-weight:500;color:var(--text-primary)}.stat-card.revenue-card .revenue-suffix{font-size:13px;font-weight:400;color:var(--text-tertiary);margin-left:2px}.heatmap-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-md)}.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:visible;padding-bottom:var(--spacing-sm);min-height:180px}.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,.sidebar .account-name-plain,.sidebar .org-selector-plain-label,.sidebar .org-selector-plain-arrow,.sidebar .sidebar-brand-text,.sidebar .sidebar-powered-by,.sidebar .sidebar-account-email,.sidebar .sidebar-section-label,.sidebar .sidebar-subsection-label{display:none}.sidebar .sidebar-section-label+.sidebar-nav,.sidebar .sidebar-subsection-label+.sidebar-nav{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);position:relative}.sidebar .sidebar-section-label+.sidebar-nav:before,.sidebar .sidebar-subsection-label+.sidebar-nav:before{content:"";position:absolute;top:0;left:var(--spacing-sm);right:var(--spacing-sm);border-top:1px solid var(--border-color)}.sidebar-header{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-sm)}.sidebar-brand-link{justify-content:center;gap:0}.sidebar-brand-img{height:24px}.sidebar-top-divider{margin:0 var(--spacing-sm)}.sidebar .nav-item{justify-content:center;padding:var(--spacing-md);margin:0 var(--spacing-sm)}.sidebar .nav-icon{width:24px!important;height:24px!important}.sidebar .nav-item svg{width:24px!important;height:24px!important;min-width:24px;min-height:24px;stroke-width:2.1}.sidebar .sign-out-icon{width:21px!important;height:21px!important}.sidebar .sign-out-btn svg{width:21px!important;height:21px!important;min-width:21px;min-height:21px}.sidebar-footer{padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-sm)}.sign-out-btn .sign-out-text{display:none}.sign-out-btn{justify-content:center;align-items:center;padding:var(--spacing-md);gap:0;width:auto;min-width:40px}.main-content{margin-left:var(--sidebar-collapsed-width);padding:var(--spacing-md);max-width:calc(100vw - var(--sidebar-collapsed-width))}.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;gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-sm) var(--spacing-md)}.stat-card-header{margin-bottom:var(--spacing-xs)}.stat-card-value{font-size:24px;margin-bottom:2px}.stat-card-delta{margin-bottom:var(--spacing-xs);font-size:13px}.stat-card-sparkline{height:28px;padding-top:var(--spacing-sm);margin-top:var(--spacing-xs)}.stat-card-title{font-size:12px}.dashboard-chart-row,.dashboard-chart-row-full,.lead-report-charts-row{flex-direction:column;align-items:stretch}.dashboard-chart-row .leads-over-time-chart-wrapper,.dashboard-chart-row .average-by-hour-chart-wrapper,.dashboard-chart-row .dashboard-bento,.dashboard-chart-row-full .business-hours-pie-wrapper,.dashboard-chart-row-full .average-by-hour-chart-wrapper,.lead-report-charts-row .lead-type-split-pie-wrapper,.lead-report-charts-row .lead-type-split-pie-inner{flex:0 0 auto;width:100%;min-width:100%}.lead-report-charts-row .lead-type-split-pie-inner{height:240px}#aiImpactPage .impact-pie-nurture-row .leads-over-time-chart-wrapper,#aiImpactPage .impact-pie-nurture-row .business-hours-pie-wrapper,#aiImpactPage .impact-pie-nurture-row--two-pies .impact-pie-nurture-row-pie-slot,#aiImpactPage .impact-pie-nurture-row--two-pies>.business-hours-pie-wrapper{flex:0 0 auto;width:100%;min-width:100%}#aiImpactPage .conversion-rate-chart-row .conversion-rate-line-chart-wrapper,#aiImpactPage .conversion-rate-chart-row .impact-conversion-summary-bento{flex:0 0 auto;width:100%;min-width:100%}#aiImpactPage .impact-kpi-conversion-funnel-header{flex-direction:column;align-items:flex-start;gap:2px}#aiImpactPage .impact-top-row{flex-direction:column;align-items:stretch}#aiImpactPage .impact-top-row .impact-kpi-conversion-funnel,#aiImpactPage .impact-top-row .impact-conversion-summary-bento{flex:0 0 auto;width:100%;min-width:100%}#aiImpactPage .impact-kpi-conversion-funnel-vertical-chart{min-height:220px}#aiImpactPage .impact-kpi-conversion-funnel-vertical-layout{grid-template-columns:minmax(0,70%) minmax(0,30%);min-height:200px}#aiImpactPage .impact-kpi-conversion-funnel-vertical-canvas,#aiImpactPage .impact-kpi-conversion-funnel-vertical-markers{min-height:200px}#aiImpactPage .impact-kpi-conversion-funnel-vertical-svg{height:200px}#aiImpactPage .impact-kpi-conversion-funnel-vertical-marker-label{font-size:.8rem}#aiImpactPage .impact-kpi-conversion-funnel-vertical-arrow{font-size:.62rem}#aiImpactPage.main-content{display:flex;flex-direction:column}#aiImpactPage .conversion-rate-chart-row{order:-1}#aiImpactPage .conversion-rate-chart-row .conversion-rate-line-chart-wrapper{order:1}#aiImpactPage .conversion-rate-chart-row .impact-conversion-summary-bento{order:2}.heatmap-header{flex-direction:column}.chart-y-axis-labels,.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{padding:var(--spacing-xs) var(--spacing-sm)}.stat-card-value{font-size:20px}.stat-card-sparkline{height:22px}.stat-card-title{font-size:11px}.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:60px;height:60px;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:60px;height:60px}.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)}.stat-card-subtitle.stat-card-subtitle--kpi-detail{margin:0;font-size:11px;line-height:1.4}.stat-card-kpi-footer-spacer{flex:1 1 0;min-height:0;width:100%}.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)}.status-spam{color:var(--accent-orange)}.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}.call-item.is-spam{border-left:3px solid var(--accent-red);background-color:#ef444414}.call-item.is-lead{border-left:3px solid var(--accent-green);background-color:#10b98114}.call-item.is-customerservice{border-left:3px solid var(--accent-blue);background-color:#3b82f614}.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}.spam-badge{font-size:12px;font-weight:500;color:var(--accent-red);background-color:#ef444426;padding:4px 8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.lead-badge{font-size:12px;font-weight:500;color:var(--accent-green);background-color:#10b98126;padding:4px 8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.customerservice-badge{font-size:12px;font-weight:500;color:var(--accent-blue);background-color:#3b82f626;padding:4px 8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.call-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.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)}.main-content.main-content-voice-agent{display:flex;flex-direction:column;height:calc(100vh - var(--navbar-height));min-height:0;overflow:hidden}#voiceAgentPage .top-bar{flex-shrink:0;margin-bottom:var(--spacing-lg)}.voice-agent-chat-section{margin-top:0;flex:1;min-height:0;display:flex;flex-direction:column}.voice-agent-chat-layout{display:flex;gap:var(--spacing-lg);flex:1;min-height:0}.voice-agent-chat-layout.voice-agent-chat-layout-conversation-fullscreen .voice-agent-calls-panel{display:none}.voice-agent-calls-panel{width:320px;min-width:280px;flex-shrink:0;display:flex;flex-direction:column;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.voice-agent-panel-header{padding:var(--spacing-md)}.voice-agent-calls-list{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.voice-agent-call-row{width:100%;text-align:left;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:border-color .2s,background-color .2s,transform .2s}.voice-agent-call-row:hover{border-color:var(--accent-blue);background-color:var(--hover-bg);transform:translate(2px)}.voice-agent-call-row.active{border-color:var(--accent-blue);background-color:#3b82f61f}.voice-agent-call-row-top,.voice-agent-call-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.voice-agent-call-row-bottom{margin-top:var(--spacing-xs)}.voice-agent-call-phone{font-size:14px;font-weight:600;color:var(--text-primary)}.voice-agent-call-time{font-size:12px;color:var(--text-secondary);white-space:nowrap}.voice-agent-call-duration{font-size:12px;color:var(--text-secondary)}.voice-agent-transcript-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);overflow:hidden}.voice-agent-summary-card{flex-shrink:0;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg)}.voice-agent-summary-card .call-detail-title{margin-bottom:var(--spacing-sm)}.voice-agent-summary-card .call-summary-text{margin-bottom:var(--spacing-md)}.voice-agent-summary-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.voice-agent-summary-meta-item{font-size:12px;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px 8px}.voice-agent-messages-section{margin-top:0}.voice-agent-messages-section .messages-container{background-color:var(--bg-secondary)}.voice-agent-mobile-menu-btn{border:none;background:transparent;color:var(--text-primary);width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer}.voice-agent-mobile-menu-btn:hover{background-color:var(--hover-bg)}.voice-agent-mobile-transcript-title{font-size:16px;font-weight:600;color:var(--text-primary)}.voice-agent-transcript-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.voice-agent-transcript-toolbar-left{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.voice-agent-fullscreen-btn{flex-shrink:0;border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-md);padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .2s,background-color .2s}.voice-agent-fullscreen-btn:hover{border-color:var(--accent-blue);background-color:var(--hover-bg)}.chat-agent-status-btn.voice-agent-filter-no-spam.active{border-color:var(--accent-orange);background-color:#f59e0b26;color:var(--accent-orange)}.chat-agent-status-btn.voice-agent-filter-recurring.active{border-color:#8b5cf6;background-color:#8b5cf626;color:#8b5cf6}.chat-agent-status-btn.voice-agent-filter-successful.active{border-color:var(--accent-green);background-color:#10b98126;color:var(--accent-green)}.chat-agent-status-btn.voice-agent-filter-unsuccessful.active{border-color:var(--accent-red);background-color:#ef444426;color:var(--accent-red)}.voice-agent-transcript-panel-fullscreen{padding:var(--spacing-md)}.voice-agent-messages-section-expanded .messages-container{border-color:var(--accent-blue)}.line-graph-section{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.dashboard-charts-row{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.dashboard-chart-cell{flex:1;min-width:0}@media (max-width: 900px){.dashboard-charts-row{flex-direction:column}}.bar-chart-comparison{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);width:100%;min-height:180px}.bar-chart-comparison-title-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.bar-chart-comparison-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.bar-chart-comparison-info-wrap{position:relative;display:inline-flex}.bar-chart-comparison-info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-weight:600;font-style:italic;cursor:help;transition:all .2s ease}.bar-chart-comparison-info-icon:hover{background-color:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-primary)}.bar-chart-comparison-info-wrap:hover .bar-chart-comparison-tooltip{opacity:1;visibility:visible}.bar-chart-comparison-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:12px;color:var(--text-primary);line-height:1.4;max-width:220px;width:max-content;z-index:100;box-shadow:0 4px 12px #0000004d;text-transform:uppercase;letter-spacing:.02em;white-space:normal;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none}.bar-chart-comparison-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--border-color)}.bar-chart-comparison-svg{width:100%;height:auto;max-height:140px;display:block}.funnel-section{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.funnel-header{margin-bottom:var(--spacing-lg)}.funnel-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.funnel-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.funnel-diagram{display:flex;flex-direction:column;align-items:center;gap:0;max-width:560px;margin:0 auto}.funnel-stage{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);min-height:56px;border-radius:var(--radius-sm);margin-bottom:2px;transition:width .3s ease;min-width:120px}.funnel-stage-total{background:linear-gradient(135deg,var(--accent-blue) 0%,rgba(59,130,246,.85) 100%);color:#fff;border:1px solid rgba(255,255,255,.2)}.funnel-stage-engaged{background:linear-gradient(135deg,var(--accent-green) 0%,rgba(16,185,129,.85) 100%);color:#fff;border:1px solid rgba(255,255,255,.2)}.funnel-stage-closed{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);border:1px solid var(--border-color)}.funnel-stage-label{font-size:14px;font-weight:500}.funnel-stage-value{font-size:16px;font-weight:700;letter-spacing:.02em}.line-graph-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);padding-top:var(--spacing-lg);padding-left:20px;width:100%;overflow-x:auto;overflow-y:visible;position:relative}.line-graph-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:120px;background:linear-gradient(to right,transparent,var(--bg-card));pointer-events:none;z-index:1}.line-graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:-4px}.line-graph-title{font-size:16px;font-weight:600;color:var(--text-primary)}@media (max-width: 1600px){.line-graph-header{padding-left:10px!important}}.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%;height:280px;display:block}.line-graph-svg .axis-label{text-rendering:geometricPrecision;transform-box:fill-box;transform-origin:center}.line-graph-empty{text-align:center;color:var(--text-tertiary);padding:var(--spacing-xl);font-style:italic}.dashboard-chart-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);align-items:stretch}.dashboard-chart-row .leads-over-time-chart-wrapper,.dashboard-chart-row .average-by-hour-chart-wrapper{flex:0 0 60%;min-width:0}.dashboard-chart-row .dashboard-bento{flex:0 0 calc(40% - var(--spacing-md));min-width:0}#dashboardPage .dashboard-chart-row{display:block}#dashboardPage .dashboard-chart-row .leads-over-time-chart-wrapper{width:100%}#dashboardPage .dashboard-bento-row{margin-bottom:var(--spacing-md)}#dashboardPage .dashboard-inline-kpi-row{display:grid;grid-template-columns:repeat(3,minmax(170px,210px));align-items:stretch;gap:16px;margin-bottom:var(--spacing-md);justify-content:flex-start}#dashboardPage .dashboard-inline-insight-pie-card{display:flex;flex-direction:column}#dashboardPage .dashboard-inline-insight-pie-card .lead-type-split-pie-embedded{display:flex;flex-direction:column;width:100%}#dashboardPage .dashboard-inline-insight-pie-card .lead-type-split-pie-embedded .business-hours-pie-header{padding-left:0}#dashboardPage .dashboard-inline-insight-pie-card .lead-type-split-pie-embedded .business-hours-pie-inner{min-height:240px}#dashboardPage .dashboard-inline-insight-pie-card .lead-type-split-pie-embedded .business-hours-pie-inner-nivo{height:240px}#dashboardPage .dashboard-inline-insight-pie-card .lead-type-split-pie-embedded .business-hours-pie-loading,#dashboardPage .dashboard-inline-insight-pie-card .lead-type-split-pie-embedded .business-hours-pie-empty{min-height:240px}#dashboardPage .dashboard-insight-charts-row{display:flex;gap:16px;align-items:stretch;margin-bottom:var(--dashboard-section-gap)}#dashboardPage .dashboard-inline-insight-pie-card{flex:1 1 auto;min-width:280px;max-width:var(--dashboard-insight-width)}#dashboardPage .dashboard-inline-adtrend-card{flex:0 0 var(--dashboard-kpi-group-width);width:var(--dashboard-kpi-group-width);max-width:var(--dashboard-kpi-group-width);min-width:0}#dashboardPage .dashboard-inline-adtrend-content{display:flex;flex-direction:column}#dashboardPage .dashboard-inline-adtrend-card .business-hours-pie-header{margin-bottom:16px}#dashboardPage .dashboard-inline-adtrend-inner{width:100%;min-height:240px}#dashboardPage .dashboard-inline-kpi-card{min-width:0;display:flex;flex-direction:column}.lead-report-metrics-panel.dashboard-bento{flex:0 0 calc(40% - var(--spacing-md));min-width:0;flex-direction:column;flex-wrap:nowrap}.lead-report-metrics-panel .dashboard-bento-cell--full{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center}.lead-report-metrics-panel .out-of-service-line-chart-wrapper{flex:1 1 auto;min-height:0}#leadReportPage .dashboard-chart-row{align-items:stretch}#leadReportPage .dashboard-chart-row .average-by-hour-chart-wrapper{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);padding-top:var(--spacing-md)}#leadReportPage .dashboard-chart-row .average-by-hour-chart-inner-nivo{flex:1;min-height:0;height:auto}#leadReportPage .lead-report-metrics-panel .average-by-hour-chart-wrapper{padding:var(--spacing-sm) var(--spacing-md);padding-top:var(--spacing-md);padding-bottom:0}#leadReportPage .lead-report-metrics-panel .average-by-hour-chart-inner{min-height:0}.lead-pipeline-section{margin-top:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.lead-pipeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.lead-pipeline-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.lead-pipeline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-sm)}.lead-pipeline-column{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);display:flex;flex-direction:column}.lead-pipeline-column-header{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;font-size:.875rem;font-weight:600;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.lead-pipeline-list{overflow-y:visible;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.lead-pipeline-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);padding:.5rem .625rem}.lead-pipeline-item--clickable{width:100%;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.lead-pipeline-item--clickable:hover{border-color:var(--accent-blue);background:var(--hover-bg)}.lead-pipeline-item--clickable:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.lead-pipeline-item-name{font-weight:600;font-size:.875rem;color:var(--text-primary)}.lead-pipeline-item-phone,.lead-pipeline-item-business{font-size:.8rem;color:var(--text-secondary);margin-top:.125rem}.lead-pipeline-empty{color:var(--text-tertiary);font-size:.875rem;padding:.625rem}.lead-pipeline-loading{min-height:180px}@media (max-width: 1200px){.lead-pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.lead-pipeline-grid{grid-template-columns:1fr}}.pipeline-date-pills-wrap{margin:0 0 var(--spacing-md)}.lead-report-charts-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);align-items:stretch}.lead-report-charts-row .lead-type-split-pie-wrapper{flex:0 0 40%;min-width:0}.lead-report-charts-row .lead-type-split-pie-inner{height:260px}.dashboard-chart-row-full{display:flex;gap:var(--spacing-md);align-items:stretch}.dashboard-chart-row-full .business-hours-pie-wrapper{flex:0 0 calc(40% - var(--spacing-md) / 2);min-width:0}.dashboard-chart-row-full .average-by-hour-chart-wrapper{flex:0 0 60%;min-width:0}#dashboardPage{--accent-green: #10b981;--dashboard-section-gap: 16px;--dashboard-insight-width: 520px;--dashboard-kpi-group-width: 722px}#aiImpactPage{--dashboard-section-gap: 16px}#dashboardPage .top-bar{margin-bottom:var(--dashboard-section-gap)}#dashboardPage .kpi-grid{grid-template-columns:repeat(4,minmax(170px,210px));justify-content:flex-start;gap:16px;margin-bottom:var(--dashboard-section-gap)}#dashboardPage .stat-card-wrapper--revenue-kpi,#aiImpactPage .stat-card-wrapper--revenue-kpi{min-width:0;width:100%;max-width:100%}#dashboardPage .stat-card{padding:20px 16px 18px;border-radius:var(--border-radius-lg);cursor:default}#dashboardPage .stat-card-header{margin-bottom:10px}#dashboardPage .stat-card-title{font-size:11px;font-weight:400;color:var(--text-tertiary)}#dashboardPage .stat-card-value{font-size:28px;font-weight:500}#dashboardPage .stat-card-delta-line{font-size:12px}#dashboardPage .stat-card.revenue-card .stat-card-value.revenue-value,#dashboardPage .stat-card.revenue-card .revenue-main{font-size:28px;font-weight:500}#dashboardPage .stat-card.revenue-card .revenue-suffix{font-size:13px}#dashboardPage .stat-card-sparkline{height:24px;padding-top:4px}#aiImpactPage .kpi-grid{grid-template-columns:repeat(4,minmax(170px,210px));justify-content:flex-start;gap:16px;margin-bottom:var(--dashboard-section-gap)}#aiImpactPage .stat-card{padding:20px 16px 18px;border-radius:var(--border-radius-lg);cursor:default}#aiImpactPage .stat-card-header{margin-bottom:10px}#aiImpactPage .stat-card-title{font-size:11px;font-weight:400;color:var(--text-tertiary)}#aiImpactPage .stat-card-value{font-size:28px;font-weight:500}#aiImpactPage .stat-card-delta-line{font-size:12px}#aiImpactPage .stat-card.revenue-card .stat-card-value.revenue-value,#aiImpactPage .stat-card.revenue-card .revenue-main{font-size:28px;font-weight:500}#aiImpactPage .stat-card.revenue-card .revenue-suffix{font-size:13px}#aiImpactPage .stat-card .stat-card-value-stack{flex:1;min-height:0}@media (max-width: 900px){#dashboardPage .kpi-grid,#aiImpactPage .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}#aiImpactPage .stat-card-wrapper--revenue-kpi{width:auto;max-width:none;justify-self:stretch}#dashboardPage .dashboard-inline-kpi-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}#dashboardPage .dashboard-insight-charts-row{flex-wrap:wrap}#dashboardPage .dashboard-inline-insight-pie-card{flex:1 1 100%;max-width:none;min-width:0}#dashboardPage .dashboard-inline-adtrend-card{flex:1 1 100%}#dashboardPage .dashboard-inline-kpi-card{width:100%;min-width:0;max-width:none}#dashboardPage .stat-card-wrapper--revenue-kpi{width:auto;max-width:none;justify-self:stretch}}#dashboardPage .kpi-grid .stat-card-sparkline .sparkline-line.positive,#dashboardPage .kpi-grid .stat-card-sparkline .sparkline-line.negative,#leadReportPage .kpi-grid .stat-card-sparkline .sparkline-line.positive,#leadReportPage .kpi-grid .stat-card-sparkline .sparkline-line.negative{stroke:var(--accent-green)}#dashboardPage .kpi-grid .stat-card-sparkline .sparkline-area.positive,#dashboardPage .kpi-grid .stat-card-sparkline .sparkline-area.negative,#leadReportPage .kpi-grid .stat-card-sparkline .sparkline-area.positive,#leadReportPage .kpi-grid .stat-card-sparkline .sparkline-area.negative{fill:var(--accent-green)}#aiImpactPage .kpi-grid .stat-card-sparkline .sparkline-line.positive,#aiImpactPage .kpi-grid .stat-card-sparkline .sparkline-line.negative{stroke:#f97316}#aiImpactPage .kpi-grid .stat-card-sparkline .sparkline-area.positive,#aiImpactPage .kpi-grid .stat-card-sparkline .sparkline-area.negative{fill:#f97316}#aiImpactPage .impact-conversion-rates-bar-section{width:100%;margin-bottom:var(--dashboard-section-gap);box-sizing:border-box;background-color:var(--bg-card);border:.5px solid var(--border-color);border-radius:10px;padding:var(--spacing-md)}#aiImpactPage .impact-conversion-rates-bar-header{margin-bottom:var(--spacing-md)}#aiImpactPage .impact-conversion-rates-bar-header-main.leads-over-time-chart-header-main{align-items:flex-start}#aiImpactPage .impact-conversion-rates-bar-title.leads-over-time-chart-title{color:var(--text-primary)}#aiImpactPage .impact-conversion-rates-bar-subtitle.leads-over-time-chart-subtitle{margin:4px 0 24px}#aiImpactPage .impact-kpi-stat-section{width:100%;margin-bottom:var(--dashboard-section-gap);box-sizing:border-box}#aiImpactPage .lead-pipeline-section{margin-top:0;background:var(--bg-card);border:.5px solid var(--border-color);border-radius:10px;padding:14px;box-sizing:border-box}#aiImpactPage .lead-pipeline-title{font-size:1.4rem;font-weight:700}#aiImpactPage .lead-pipeline-grid{gap:12px}#aiImpactPage .lead-pipeline-column{border:.5px solid var(--border-color);border-radius:10px;background:var(--bg-card);min-height:0}#aiImpactPage .lead-pipeline-column-header{padding:10px 12px;font-size:14px;font-weight:600;color:var(--text-primary);border-bottom:.5px solid var(--border-color);text-transform:none}#aiImpactPage .lead-pipeline-column-header-label{color:var(--text-primary);letter-spacing:-.01em}#aiImpactPage .lead-pipeline-column-header-count{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;color:var(--text-primary);min-width:1.5rem;text-align:right}#aiImpactPage .lead-pipeline-item{border:.5px solid var(--border-color)}#aiImpactPage .lead-pipeline-item-name{font-size:14px;font-weight:500;color:var(--text-primary)}#aiImpactPage .lead-pipeline-item-phone,#aiImpactPage .lead-pipeline-item-business{font-size:12px;color:var(--text-tertiary)}#aiImpactPage .ai-impact-rates-bar-chart-inner{width:100%;min-height:0;box-sizing:border-box}#aiImpactPage .ai-impact-stage-table{display:table;width:100%;table-layout:auto;border-collapse:collapse}#aiImpactPage .ai-impact-stage-pct-row,#aiImpactPage .ai-impact-stage-data-row{display:table-row}#aiImpactPage .ai-impact-stage-pct-label-cell,#aiImpactPage .ai-impact-stage-title-cell,#aiImpactPage .ai-impact-stage-pct-bar-cell,#aiImpactPage .ai-impact-stage-track-cell{display:table-cell;vertical-align:middle}#aiImpactPage .ai-impact-stage-pct-row .ai-impact-stage-pct-label-cell{width:1%;white-space:nowrap}#aiImpactPage .ai-impact-stage-label-col{min-width:6.5rem}#aiImpactPage .ai-impact-stage-title-cell{width:1%;white-space:nowrap}#aiImpactPage .ai-impact-stage-data-row .ai-impact-stage-title-cell{padding:6px 18px 6px 0;vertical-align:middle}#aiImpactPage .ai-impact-stage-pct-bar-cell{padding:0 0 2px;vertical-align:bottom}#aiImpactPage .ai-impact-stage-data-row .ai-impact-stage-track-cell{padding:6px 0;vertical-align:middle}#aiImpactPage .ai-impact-stage-between-inner{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:400;line-height:1.25;padding-left:0}#aiImpactPage .ai-impact-stage-title{font-size:12px;font-weight:500;color:var(--text-tertiary);text-align:left;white-space:nowrap}#aiImpactPage .ai-impact-stage-track{width:100%;height:40px;min-height:40px;border-radius:6px;background-color:#ffffff14;display:flex;align-items:center;justify-content:flex-start;padding:0;box-sizing:border-box}#aiImpactPage .ai-impact-stage-bar-outer{height:40px;min-height:40px;min-width:0;box-sizing:border-box}#aiImpactPage .ai-impact-stage-bar-stack{display:flex;flex-direction:row;align-items:stretch;width:100%;height:100%;min-height:40px;border-radius:6px;overflow:hidden}#aiImpactPage .ai-impact-stage-seg{display:flex;align-items:center;box-sizing:border-box;min-width:0;transition:flex-grow .2s ease}#aiImpactPage .ai-impact-stage-seg--surviving{justify-content:flex-start;padding:0 10px}#aiImpactPage .ai-impact-stage-seg--lost{justify-content:center;padding:0 8px}#aiImpactPage .ai-impact-stage-total{font-size:14px;font-weight:700;line-height:1.2;color:inherit;white-space:nowrap}#aiImpactPage .ai-impact-stage-lost{font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap;color:#ff6b6b}#aiImpactPage .ai-impact-stage-conv-cell{display:table-cell;vertical-align:middle;padding:6px 0 6px 14px;white-space:nowrap;width:1%}#aiImpactPage .ai-impact-stage-conv{font-size:12px;font-weight:400;color:var(--text-primary)}#aiImpactPage .ai-impact-stage-conv--empty{visibility:hidden}#aiImpactPage .ai-impact-stage-legend{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:0;font-size:11px;font-weight:400;color:var(--text-tertiary)}#aiImpactPage .ai-impact-stage-legend-item{display:inline-flex;align-items:center;gap:8px}#aiImpactPage .ai-impact-stage-legend-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}#aiImpactPage .ai-impact-stage-legend-swatch--surviving{background:linear-gradient(90deg,#4ade80,#22c55e,#16a34a,#14532d)}#aiImpactPage .ai-impact-stage-legend-swatch--lost{background-color:#7f1d1d52}#aiImpactPage .ai-impact-stage-between-arrow{color:var(--text-tertiary);font-weight:400}#aiImpactPage .ai-impact-stage-between-value{color:var(--text-tertiary);font-weight:400;font-size:11px}#aiImpactPage .impact-top-row{display:flex;gap:var(--spacing-md);align-items:stretch;margin-bottom:var(--dashboard-section-gap)}#dashboardPage .dashboard-chart-row{margin-bottom:var(--dashboard-section-gap)}#dashboardPage .dashboard-chart-row.dashboard-chart-row-full{margin-bottom:0}#aiImpactPage .impact-top-row .impact-kpi-conversion-funnel{flex:0 0 calc(60% - var(--spacing-md) / 2);margin-bottom:0}#aiImpactPage .impact-top-row .impact-conversion-summary-bento{flex:0 0 calc(40% - var(--spacing-md) / 2);min-width:0}#aiImpactPage .impact-kpi-conversion-funnel{position:relative;background-color:var(--bg-card);border:.5px solid var(--border-color);border-radius:10px;padding:var(--spacing-md);margin-bottom:var(--spacing-md);overflow:hidden}#aiImpactPage .impact-kpi-conversion-funnel-header{margin-bottom:10px}#aiImpactPage .impact-kpi-conversion-funnel-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}#aiImpactPage .impact-kpi-conversion-funnel-subtitle{margin:0;font-size:.82rem;color:var(--text-secondary)}#aiImpactPage .impact-kpi-conversion-band{transition:d .22s ease}#aiImpactPage .impact-kpi-conversion-band--outer{fill:#0850416b}#aiImpactPage .impact-kpi-conversion-band--middle{fill:#2d7a6685}#aiImpactPage .impact-kpi-conversion-band--inner{fill:#9fe1cbc7}#aiImpactPage .impact-kpi-conversion-funnel-vertical-chart{position:relative;border-radius:0;background:transparent;border:none;min-height:272px;width:100%;overflow:visible;padding:10px 0}#aiImpactPage .impact-kpi-conversion-funnel-vertical-layout{display:grid;grid-template-columns:minmax(0,70%) minmax(0,30%);gap:10px;align-items:stretch;min-height:252px;height:100%}#aiImpactPage .impact-kpi-conversion-funnel-vertical-canvas{position:relative;min-height:252px}#aiImpactPage .impact-kpi-conversion-funnel-vertical-markers{position:relative;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));align-items:stretch;min-height:252px;height:100%;z-index:2}#aiImpactPage .impact-kpi-conversion-funnel-vertical-marker{align-self:center;justify-self:start;display:flex;align-items:center}#aiImpactPage .impact-kpi-conversion-funnel-vertical-marker-label{display:inline-block;color:var(--text-primary);font-size:.9rem;font-weight:700;letter-spacing:.02em;line-height:1.35}#aiImpactPage .impact-kpi-conversion-funnel-vertical-arrows{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#aiImpactPage .impact-kpi-conversion-funnel-vertical-arrow{position:absolute;left:0;display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.68rem;font-weight:600;transform:translateY(-50%)}#aiImpactPage .impact-kpi-conversion-funnel-vertical-arrow:nth-child(1){top:25%}#aiImpactPage .impact-kpi-conversion-funnel-vertical-arrow:nth-child(2){top:50%}#aiImpactPage .impact-kpi-conversion-funnel-vertical-arrow:nth-child(3){top:75%}#aiImpactPage .impact-kpi-conversion-funnel-vertical-arrow-icon{color:var(--accent-green)}#aiImpactPage .impact-kpi-conversion-funnel-vertical-arrow-percent{color:var(--text-secondary)}#aiImpactPage .impact-kpi-conversion-funnel-horizontal-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#aiImpactPage .impact-kpi-conversion-funnel-horizontal-guide{position:absolute;left:0;right:0;height:1px;transform:translateY(-.5px);background:linear-gradient(to right,#0850410f,#08504133,#0850410f)}#aiImpactPage .impact-kpi-conversion-funnel-vertical-svg{width:100%;height:252px;display:block}#aiImpactPage .conversion-rate-chart-row .conversion-rate-line-chart-wrapper{flex:1 1 100%;width:100%;min-width:0}#aiImpactPage .conversion-rate-chart-row .impact-conversion-summary-bento{flex:0 0 calc(40% - var(--spacing-md));min-width:0}#aiImpactPage .impact-conversion-summary-bento .impact-funnel-cell{border-radius:0;border:0;background:transparent;padding:0;min-width:0;width:100%}#aiImpactPage .impact-conversion-summary-bento .impact-funnel-cell .dashboard-bento-value{font-weight:800;color:var(--text-primary)}#aiImpactPage .impact-conversion-summary-bento .impact-funnel-cell-head{display:flex;align-items:center;justify-content:flex-start}#aiImpactPage .impact-conversion-summary-bento .impact-funnel-cell--revenue .impact-funnel-cell-head{justify-content:space-between;gap:12px}#aiImpactPage .impact-conversion-summary-bento .impact-revenue-lift-range{margin-left:auto;font-size:12px;font-weight:700;color:var(--accent-green);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}#aiImpactPage .impact-conversion-summary-bento .impact-revenue-tooltip-wrap .impact-revenue-tooltip{left:auto;right:calc(100% + 8px);bottom:50%;transform:translateY(50%);text-transform:none;letter-spacing:normal;max-width:320px}#aiImpactPage .impact-conversion-summary-bento .impact-revenue-tooltip-wrap .impact-revenue-tooltip:after{top:50%;left:100%;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--border-color)}#aiImpactPage .impact-conversion-summary-bento .impact-revenue-tooltip ul{margin:6px 0 0 16px;padding:0}#aiImpactPage .impact-conversion-summary-bento .impact-revenue-tooltip li{margin:2px 0}#aiImpactPage .impact-conversion-summary-bento .impact-funnel-cell-sparkline{margin-top:6px;height:28px}#aiImpactPage .impact-conversion-summary-bento .impact-funnel-sparkline-svg{width:100%;height:100%;display:block}#aiImpactPage .impact-conversion-summary-bento .impact-funnel-sparkline-path{fill:none;stroke:var(--accent-green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.9}#aiImpactPage .impact-conversion-summary-bento .impact-funnel-shell{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:flex-start}#aiImpactPage .impact-conversion-summary-bento .impact-funnel-label{cursor:help}#aiImpactPage .impact-conversion-summary-bento .impact-funnel-shell-label{margin-bottom:6px}#aiImpactPage .conversion-rate-chart-row .impact-revenue-cards-wrapper{flex:0 0 calc(40% - var(--spacing-md));min-width:0;min-height:0;display:flex;align-items:stretch}#aiImpactPage .conversion-rate-chart-row .impact-revenue-cards{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;min-height:0;min-width:0;overflow-y:auto;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}#aiImpactPage .conversion-rate-chart-row .impact-revenue-card{flex:0 0 auto;min-width:0;flex-direction:column;display:flex}#aiImpactPage .conversion-rate-chart-row .impact-revenue-card .dashboard-bento-label,#aiImpactPage .conversion-rate-chart-row .impact-revenue-card .dashboard-bento-value{width:100%}#aiImpactPage .conversion-rate-chart-row .impact-revenue-card .dashboard-bento-sublabel{min-width:0;overflow-wrap:break-word;flex-shrink:0}#aiImpactPage .impact-revenue-flow{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}#aiImpactPage .impact-revenue-arrow{color:var(--text-secondary);font-weight:400}#aiImpactPage .impact-nexel-impact-card .impact-nexel-impact-sentence{font-weight:500;line-height:1.4}#aiImpactPage .impact-nexel-impact-card .impact-nexel-impact-copy{margin:0;font-size:1rem;color:var(--text-primary)}#aiImpactPage .impact-nexel-impact-card .impact-nexel-impact-highlight{color:var(--accent-green, #10b981);font-weight:600}#aiImpactPage .impact-nexel-impact-card{border-color:#10b98159;background:linear-gradient(to bottom,rgba(16,185,129,.06),transparent)}#aiImpactPage .impact-closed-deals-by-source-row .agent-human-pie-wrapper{flex:0 0 40%;min-width:0}#aiImpactPage .impact-pie-nurture-row .leads-over-time-chart-wrapper{flex:0 0 60%;min-width:0}#aiImpactPage .impact-pie-nurture-row .business-hours-pie-wrapper{flex:0 0 calc(40% - var(--spacing-md) / 2);min-width:0}#aiImpactPage .impact-pie-nurture-row--two-pies .impact-pie-nurture-row-pie-slot{flex:0 0 calc(50% - var(--spacing-md) / 2);min-width:0}#aiImpactPage .impact-pie-nurture-row--two-pies>.business-hours-pie-wrapper{flex:0 0 calc(50% - var(--spacing-md) / 2);min-width:0}.business-hours-pie-wrapper{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);padding-top:var(--spacing-lg)}.business-hours-pie-header{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--spacing-sm);padding-left:4px}.business-hours-pie-title-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.business-hours-pie-title{margin:0;font-size:1.4rem;font-weight:600;color:var(--text-primary)}.business-hours-pie-subtitle{display:block;font-size:.85rem;color:var(--text-tertiary);margin-top:2px}.business-hours-pie-inner{width:100%;min-height:280px}.business-hours-pie-inner-nivo{height:320px}.business-hours-pie-loading,.business-hours-pie-empty{display:flex;align-items:center;justify-content:center;min-height:280px;color:var(--text-tertiary);font-style:italic}.dashboard-bento{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);align-content:flex-start}.dashboard-bento--no-agent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-content:stretch;min-height:0}.dashboard-bento--no-agent .dashboard-bento-cell{display:flex;flex-direction:column;justify-content:center;min-height:0;background:linear-gradient(180deg,#ffffff0a,#ffffff03)}.dashboard-bento--no-agent .dashboard-bento-cell--full{grid-column:1 / -1}.dashboard-bento--no-agent .dashboard-bento-value{margin-top:2px}.dashboard-bento-cell{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md)}.dashboard-bento-cell--clickable{cursor:pointer;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.dashboard-bento-cell--clickable:hover{border-color:var(--accent-green);background-color:#22c55e14;transform:translateY(-1px)}.dashboard-bento-cell--clickable:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.dashboard-bento-cell--full{width:100%}.dashboard-bento-cell--half{flex:1 1 calc(50% - var(--spacing-sm) / 2);min-width:0}.dashboard-bento-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--spacing-xs)}.nurture-metrics-label-row{display:inline-flex;align-items:center;gap:6px}.dashboard-bento-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.dashboard-bento-sublabel{font-size:.75rem;color:var(--text-tertiary);margin-top:var(--spacing-xs)}.dashboard-bento-cell--placeholder{display:flex;align-items:center;justify-content:center;min-height:80px}.dashboard-bento-placeholder-label{font-size:1rem;font-weight:600;color:var(--text-tertiary)}.nurture-metrics-panel.dashboard-bento{flex:0 0 calc(40% - var(--spacing-md));min-width:0;flex-direction:column;flex-wrap:nowrap}.nurture-conversion-flow{display:flex;flex-direction:column}.nurture-conversion-flow-inner{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xs);flex-wrap:wrap}.nurture-conversion-flow-item{display:flex;flex-direction:column;gap:2px}.nurture-conversion-flow-item--target .nurture-conversion-flow-value{color:var(--color-primary, #22c55e)}.nurture-conversion-flow-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.nurture-conversion-flow-sublabel{font-size:.75rem;color:var(--text-tertiary)}.nurture-conversion-flow-arrow{font-size:1.25rem;font-weight:600;color:var(--text-secondary);flex-shrink:0}#aiImpactPage .dashboard-chart-row .average-by-hour-chart-wrapper{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);padding-top:var(--spacing-md)}#aiImpactPage .dashboard-chart-row .average-by-hour-chart-inner-nivo{flex:1;min-height:0;height:auto}.leads-over-time-chart-wrapper{min-width:0;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);padding-top:var(--spacing-lg)}.leads-over-time-chart-header{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--spacing-sm);padding-left:4px}.leads-over-time-chart-header-pills{display:inline-flex;align-items:center;margin-left:auto}.leads-over-time-chart-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);width:100%}.leads-over-time-chart-header-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1;flex-wrap:wrap}.leads-over-time-chart-legend--in-header{justify-content:flex-start}.leads-over-time-chart-header-legend-row{display:flex;justify-content:flex-start;width:100%;margin-bottom:12px}.leads-over-time-chart-header-cell-end{min-width:0;display:flex;align-items:center;justify-content:flex-end}.leads-over-time-chart-header-legend-slot{min-width:0}.leads-over-time-chart-title{margin:0;font-size:1.4rem;font-weight:700;color:#fff}#dashboardPage .leads-over-time-chart-title{color:var(--text-primary)}.leads-over-time-chart-title-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px}.leads-over-time-chart-subtitle{font-size:.85rem;color:var(--text-tertiary)}.leads-over-time-chart-header-right{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.leads-over-time-chart-subtitle-text{font-size:.85rem;color:var(--text-tertiary)}.leads-over-time-chart-x-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.leads-over-time-chart-inner{width:100%;min-height:280px;margin-bottom:12px}.leads-over-time-chart-inner--chartjs{position:relative;height:280px}.leads-over-time-chart-legend-custom{flex-shrink:0}.leads-over-time-chart-legend-custom--square{display:inline-block;width:10px;height:10px;border-radius:2px}.lot-chart-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.lot-chart-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#9ca3af}.lot-chart-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.leads-over-time-chart-legend-custom--line-plain{display:inline-block;width:18px;height:3px;border-radius:1px;background:var(--legend-line, #085041)}.leads-over-time-chart-legend-custom--line-area{display:inline-block;width:22px;height:12px;border-radius:2px;background:linear-gradient(to top,rgba(93,202,165,.35) 0%,rgba(93,202,165,.08) 55%,transparent 100%);box-shadow:inset 0 -2px 0 0 var(--legend-line, #5dcaa5)}.leads-over-time-chart-legend-custom--line-dot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:10px;position:relative}.leads-over-time-chart-legend-custom--line-dot:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:var(--legend-line, #085041);border-radius:1px}.leads-over-time-chart-legend-custom--line-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--legend-line, #085041);border:2px solid #ffffff;box-sizing:border-box;position:relative;z-index:1}.leads-over-time-chart-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}.leads-over-time-chart-legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:11px;font-weight:500}.leads-over-time-chart-legend-dot{display:inline-block;width:7px;height:7px;border-radius:999px;flex-shrink:0}.leads-over-time-chart-legend-dot--line{width:14px;height:3px;border-radius:2px}.dashboard-date-pills{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.dashboard-date-pill{border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-secondary);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;line-height:1.2;cursor:pointer;transition:all .2s ease}.dashboard-date-pill:hover{color:var(--text-primary);background:#ffffff0f}.dashboard-date-pill.active{border:none;background:var(--text-primary);color:var(--bg-primary)}.dashboard-date-pill-custom-wrap{position:relative}.dashboard-date-custom-dropdown{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;gap:6px;min-width:190px;padding:10px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);box-shadow:0 10px 24px #00000040;z-index:20}.dashboard-date-custom-label{font-size:11px;color:var(--text-tertiary)}.dashboard-date-custom-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:12px;padding:6px 8px}.dashboard-date-custom-apply{margin-top:2px;border:none;border-radius:8px;background:#000;color:#fff;padding:7px 10px;font-size:12px;font-weight:600;cursor:pointer}.dashboard-date-custom-apply:disabled{opacity:.55;cursor:not-allowed}.leads-over-time-chart-loading,.leads-over-time-chart-empty{display:flex;align-items:center;justify-content:center;min-height:280px;color:var(--text-tertiary);font-style:italic}.average-by-hour-chart-wrapper{width:100%;min-width:0;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);padding-top:var(--spacing-lg)}.average-by-hour-chart-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding-left:4px}.average-by-hour-chart-header-left{display:flex;flex-direction:column;gap:2px}.average-by-hour-chart-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.average-by-hour-chart-subtitle{font-size:.85rem;color:var(--text-tertiary)}.oos-average-select{font-size:.85rem;padding:4px 8px;min-width:auto;width:auto}.leads-over-time-bar-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;font-size:.85rem;color:var(--text-secondary)}.leads-over-time-bar-legend-item{display:inline-flex;align-items:center;gap:6px}.leads-over-time-bar-legend-dot{width:10px;height:10px;border-radius:2px}.average-by-hour-chart-selectors{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end}.average-by-hour-chart-selector{display:flex;flex-direction:column;gap:4px}.average-by-hour-chart-selector .filter-label{margin:0}.average-by-hour-metric-select,.average-by-hour-lead-type-select{min-width:140px}.average-by-hour-chart-inner{width:100%;min-height:320px}.average-by-hour-chart-inner-nivo{height:380px}.average-by-hour-chart-loading,.average-by-hour-chart-empty{display:flex;align-items:center;justify-content:center;min-height:280px;color:var(--text-tertiary);font-style:italic}.leads-over-time-tooltip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 4px 12px #00000026;pointer-events:none}.leads-over-time-tooltip-label{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:.9rem}.leads-over-time-tooltip-list{list-style:none;margin:0;padding:0;font-size:.85rem}.leads-over-time-tooltip-list li{margin:2px 0}.leads-over-time-tooltip-name{font-weight:500;color:var(--text-secondary)}.leads-over-time-tooltip-value{font-weight:600}.nurture-response-rate-toggle{cursor:pointer;font-size:.85rem;color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.nurture-response-rate-toggle input[type=checkbox]{margin:0;cursor:pointer;accent-color:var(--accent-blue, #3b82f6)}.nurture-conversions-chart-header .nurture-conversions-impact-type-wrap{display:inline-flex;align-items:center;gap:8px}.nurture-conversions-impact-type-wrap .leads-over-time-chart-subtitle-text{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.nurture-response-rate-chart-header{align-items:flex-start}.nurture-response-rate-chart-header-left{display:flex;flex-direction:column;gap:2px}.nurture-response-rate-header-right{flex-wrap:wrap;gap:12px;align-items:center}.page-content{display:none}@media (max-width: 768px){.voice-agent-chat-layout{min-height:0}.voice-agent-chat-layout-mobile .voice-agent-calls-panel{width:100%;min-width:0;flex:1}.voice-agent-chat-layout-mobile .voice-agent-calls-panel-hidden{display:none}.voice-agent-chat-layout-mobile .voice-agent-transcript-panel{width:100%;flex:1;min-width:0;border-radius:var(--radius-lg)}.voice-agent-chat-layout-mobile .voice-agent-transcript-panel-hidden{display:none}.voice-agent-transcript-toolbar{gap:var(--spacing-sm)}.voice-agent-fullscreen-btn{font-size:12px;padding:7px 10px}.voice-agent-transcript-panel{padding:var(--spacing-md)}.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)}.main-content.main-content-chat-agent{display:flex;flex-direction:column;height:calc(100vh - var(--navbar-height));min-height:0;overflow:hidden;padding:0}.chat-agent-layout{display:flex;flex:1;min-height:0;overflow:hidden}.chat-agent-conversations-panel{width:340px;min-width:280px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-color);background-color:var(--bg-secondary);overflow:hidden}.chat-agent-panel-header{flex-shrink:0;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.chat-agent-panel-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.chat-agent-filters{display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-agent-filters .filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.chat-agent-filters .filter-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.chat-agent-status-toggle{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.chat-agent-status-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}.chat-agent-status-btn:hover{border-color:var(--accent-blue);background-color:var(--hover-bg);color:var(--text-primary)}.chat-agent-status-btn.active{border-color:var(--accent-blue);background-color:#3b82f626;color:var(--accent-blue)}.chat-agent-status-btn.chat-agent-status-trophy.active{border-color:#eab308;background-color:#eab30826;color:#eab308}.chat-agent-status-btn.chat-agent-status-engaged.active{border-color:var(--accent-blue);background-color:#3b82f626;color:var(--accent-blue)}.chat-agent-status-btn.chat-agent-status-unresponsive.active{border-color:var(--text-tertiary);background-color:#6b728026;color:var(--text-tertiary)}.chat-agent-status-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--spacing-xs) var(--spacing-sm);font-size:12px;font-weight:500;color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10;box-shadow:0 4px 12px #0000004d}.chat-agent-status-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--border-color)}.chat-agent-status-btn:hover .chat-agent-status-tooltip{opacity:1}.chat-agent-toggle{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.chat-agent-conversations-list-wrap{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-md)}.chat-agent-conversations-list-wrap .conversations-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.chat-agent-main-panel{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-primary)}.chat-agent-empty-state{flex:1;display:flex;align-items:center;justify-content:center;min-height:320px;padding:var(--spacing-xl)}.chat-agent-empty-state-content{text-align:center;max-width:360px}.chat-agent-empty-state-icon{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.5}.chat-agent-empty-state-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.chat-agent-empty-state-text{font-size:14px;color:var(--text-secondary);line-height:1.5}.conversation-detail-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.chat-agent-main-panel #conversationDetailPage{height:100%;min-height:0}.conversation-detail-panel.conversation-detail-loading,.conversation-detail-panel.conversation-detail-error{align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.conversation-detail-error-hint{font-size:14px;color:var(--text-secondary);margin-top:var(--spacing-sm)}.conversation-detail-top-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.conversation-detail-title{margin-bottom:0;font-size:20px}.conversation-detail-body{display:flex;flex:1;min-height:0;overflow:hidden}.conversation-detail-body .messages-section{flex:1;min-width:0;display:flex;flex-direction:column}.conversation-events-panel{width:260px;min-width:220px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border-color);background-color:var(--bg-secondary);overflow:hidden}.conversation-events-panel-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);margin:0;border-bottom:1px solid var(--border-color)}.conversation-events-timeline{flex:1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;align-items:stretch;gap:0}.conversation-events-empty{font-size:13px;color:var(--text-tertiary);margin:0;padding:var(--spacing-sm) 0}.conversation-event-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.conversation-event-type{font-size:13px;font-weight:600;color:var(--text-primary)}.conversation-events-panel .conversation-event-type.conversation-event-type-lead-created{color:var(--accent-blue)}.conversation-events-panel .conversation-event-type.conversation-event-type-lead-engaged{color:var(--accent-green)}.conversation-events-panel .conversation-event-type.conversation-event-type-lead-converted,.conversation-events-panel .conversation-event-type.conversation-event-type-lead-agent-converted{color:#eab308}.conversation-events-panel .conversation-event-type.conversation-event-type-lead-offer-given{color:var(--accent-blue)}.conversation-events-panel .conversation-event-type.conversation-event-type-takeaway-upsell{color:#a855f7}.conversation-events-panel .conversation-event-type.conversation-event-type-deodorizer-upsell{color:#06b6d4}.conversation-event-date{font-size:11px;color:var(--text-tertiary)}.conversation-event-arrow{display:flex;justify-content:center;padding:var(--spacing-xs) 0;color:var(--text-tertiary)}.conversation-event-arrow svg{flex-shrink:0}.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.active{border-color:var(--accent-blue);background-color:#3b82f61a;box-shadow:0 0 0 1px var(--accent-blue)}.conversation-item.active:hover{transform:none}.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-item-icons{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.conversation-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);flex-shrink:0}.conversation-icon-trophy{color:#eab308}.conversation-icon-trophy svg{width:16px;height:16px}.conversation-icon-facebook{color:#1877f2}.conversation-icon-facebook svg{width:16px;height:16px}.conversation-icon-website{color:var(--accent-green)}.conversation-icon-website svg{width:16px;height:16px}.conversation-icon-engaged{color:var(--accent-blue)}.conversation-icon-engaged svg{width:16px;height:16px}.conversation-icon-unresponsive{color:var(--text-tertiary)}.conversation-icon-unresponsive svg{width:16px;height:16px}.conversation-badges{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.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)}.category-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}.category-converted{background-color:#10b98133;color:#10b981;border:1px solid #10b981}.category-engaged{background-color:#3b82f633;color:#3b82f6;border:1px solid #3b82f6}.category-unresponsive{background-color:#6b728026;color:#6b7280;border:1px solid #9ca3af}.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:calc(100vh - var(--navbar-height));min-height:0;box-sizing:border-box;overflow:hidden}#conversationDetailPage .top-bar{flex-shrink:0;margin-bottom:var(--spacing-md)}#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;margin-top:0}.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;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;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);position:relative;max-width:100%;overflow:hidden}.message-bubble.inbound .message-content{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:18px 18px 18px 4px}.message-bubble.outbound .message-content{background-color:#007aff;border:1px solid #007AFF;color:#fff;border-radius:18px 18px 4px}.message-bubble.outbound .message-text{color:#fff}.message-bubble.outbound .message-time,.message-bubble.outbound .nurture-badge{color:#ffffffd9}.message-bubble.nurture .message-content{background-color:#f59e0b33;border:1px solid rgba(245,158,11,.4);border-radius:18px 18px 4px}.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){.chat-agent-layout-mobile .chat-agent-conversations-panel{width:100%;min-width:0;flex:1}.chat-agent-layout-mobile .chat-agent-conversations-panel-hidden{display:none}.chat-agent-layout-mobile .chat-agent-main-panel{width:100%;flex:1;min-width:0}.chat-agent-layout-mobile .chat-agent-main-panel-hidden{display:none}.chat-agent-conversations-panel{width:280px;min-width:240px}.chat-agent-panel-header{padding:var(--spacing-md)}.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}.conversation-detail-panel-mobile .conversation-detail-top-bar{flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.conversation-detail-top-bar-left{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1}.conversation-detail-back-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);cursor:pointer;transition:background-color .2s}.conversation-detail-back-btn:hover{background-color:var(--hover-bg)}.conversation-detail-top-bar-left .conversation-header-info{min-width:0}.conversation-detail-top-bar-left .conversation-detail-title{font-size:16px}.conversation-detail-events-tab{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}.conversation-detail-events-tab:hover,.conversation-detail-events-tab.active{border-color:var(--accent-blue);background-color:#3b82f626;color:var(--accent-blue)}.conversation-detail-events-tab-label{white-space:nowrap}.conversation-events-panel-mobile{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;z-index:100;transform:translate(100%);transition:transform .25s ease-out;box-shadow:-4px 0 24px #0003}.conversation-events-panel-mobile-open{transform:translate(0)}.conversation-events-panel-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.conversation-events-panel-mobile-header .conversation-events-panel-title{margin:0;border:none;padding:0}.conversation-events-panel-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .2s,color .2s}.conversation-events-panel-close:hover{background:var(--hover-bg);color:var(--text-primary)}.conversation-events-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.conversation-detail-panel-mobile .conversation-detail-body .messages-section{flex:1;min-width:0}.conversation-detail-body .conversation-events-panel-mobile:not(.conversation-events-panel-mobile-open){pointer-events:none}}.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}.closed-deals-table .deal-actions{white-space:nowrap}.closed-deals-table .flag-deal-btn{padding:.25rem .5rem;font-size:.8125rem;color:var(--accent-orange);background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-sm);cursor:pointer}.closed-deals-table .flag-deal-btn:hover{background:#f59e0b40}.closed-deals-table .deal-flagged-badge{display:inline-block;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;color:var(--accent-orange)}.closed-deals-table .deal-flagged-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.closed-deals-table .remove-lead-converted-btn{padding:.25rem .5rem;font-size:.8125rem;color:var(--accent-red);background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-sm);cursor:pointer}.closed-deals-table .remove-lead-converted-btn:hover:not(:disabled){background:#ef444440}.closed-deals-table .remove-lead-converted-btn:disabled{opacity:.6;cursor:not-allowed}.flag-modal .flag-modal-lead{color:var(--text-secondary);font-size:1.125rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);margin-left:var(--spacing-md)}.flag-modal label{display:block;margin-bottom:var(--spacing-xs);margin-left:var(--spacing-md);margin-right:var(--spacing-md);font-size:.875rem}.flag-modal .flag-reason-input{width:calc(100% - 2 * var(--spacing-md));min-height:2.5rem;margin-left:var(--spacing-md);margin-right:var(--spacing-md);padding:var(--spacing-sm);font-size:.875rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);resize:vertical}.flag-modal .flag-modal-error{color:var(--accent-red);font-size:.875rem;margin-top:var(--spacing-sm)}.flag-modal .modal-cancel-btn{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer}.flag-modal .modal-submit-btn{padding:.5rem 1rem;background:var(--accent-orange);border:none;color:#fff;border-radius:var(--radius-sm);cursor:pointer}.flag-modal .modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.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)}}.table-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;overflow-x:auto;max-width:100%}.event-management-filters{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:flex-end}.event-management-filters .filter-group{min-width:150px;flex:0 1 auto}.event-management-filters .filter-group-button{flex:0 0 auto}.event-management-filters .filter-group-button .btn-primary{white-space:nowrap}.ingested-at-picker{display:flex;gap:var(--spacing-sm);align-items:center}.ingested-at-picker .ingested-at-input{flex:1;min-width:0}.ingested-at-picker .btn-now{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md)}.form-hint{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}.data-table{min-width:1000px}.data-table .actions-cell{white-space:nowrap;min-width:140px}.phone-row-header{transition:background-color .2s ease}.phone-row-header:hover{background-color:var(--hover-bg)}.action-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:12px}.data-table{width:100%;border-collapse:collapse;table-layout:auto}.data-table th:nth-child(1),.data-table td:nth-child(1){min-width:150px;max-width:200px}.data-table th:nth-child(2),.data-table td:nth-child(2){min-width:120px;max-width:180px}.data-table th:nth-child(3),.data-table td:nth-child(3){min-width:120px;max-width:150px}.data-table th:nth-child(4),.data-table td:nth-child(4),.data-table th:nth-child(5),.data-table td:nth-child(5),.data-table th:nth-child(6),.data-table td:nth-child(6){min-width:100px;max-width:150px}.data-table th:nth-child(7),.data-table td:nth-child(7),.data-table th:nth-child(8),.data-table td:nth-child(8){min-width:80px;max-width:120px}.data-table thead{background-color:var(--bg-tertiary)}.data-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)}.data-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:var(--hover-bg)}.btn-primary,.btn-secondary,.btn-danger{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;font-family:inherit}.btn-primary{background-color:var(--accent-green);color:#fff}.btn-primary:hover{background-color:#059669}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--hover-bg)}.btn-danger{background-color:var(--accent-red);color:#fff}.btn-danger:hover{background-color:#dc2626}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-lg)}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-content h2{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.modal-content form{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary);font-size:14px}.form-group input,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-green)}.form-group input[type=checkbox]{width:auto;margin-right:var(--spacing-sm)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg);border-top:1px solid var(--border-color);margin-top:var(--spacing-lg)}.confirm-modal .confirm-modal-message{margin:0 0 var(--spacing-md);color:var(--text-secondary)}.ad-spend-trend-modal{max-width:1100px;padding:var(--spacing-lg)}.ad-spend-trend-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.ad-spend-trend-modal-header h2{padding:0;border:0;margin:0}.ad-spend-trend-summary{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.ad-spend-trend-summary-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.ad-spend-trend-summary-value{font-size:1.25rem;color:var(--text-primary)}.ad-spend-trend-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-md)}.ad-spend-trend-chart{min-height:360px}@media (max-width: 1400px){.event-management-filters{width:100%}.event-management-filters .filter-group{flex:1 1 auto;min-width:140px}.data-table{font-size:13px}.data-table th,.data-table td{padding:var(--spacing-sm) var(--spacing-md)}.data-table th{font-size:11px}}@media (max-width: 1200px){.data-table{min-width:900px}.data-table th,.data-table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:12px}.action-buttons{flex-direction:column;width:100%}.btn-small{width:100%;font-size:11px}}@media (max-width: 768px){.top-bar{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.page-title{font-size:24px}.event-management-filters{flex-direction:column;width:100%}.event-management-filters .filter-group{width:100%;min-width:100%}.event-management-filters .filter-group-button .btn-primary{width:100%}.table-container{overflow-x:auto;margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));border-radius:0;border-left:none;border-right:none}.data-table{min-width:800px}.data-table th,.data-table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:11px}.modal-content{max-width:95%;max-height:95vh;margin:var(--spacing-md)}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.action-buttons{flex-direction:column;width:100%}.btn-small{width:100%}}*{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}html{overflow-x:hidden;width:100%}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;width:100%;max-width:100vw}#root{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}