@import "https://fonts.googleapis.com/css2?family=Sora:wght@200;300;400;500;600;700;800&display=swap";
:root{--color-primary:#0053ff;--color-primary-hover:#003fd4;--color-primary-light:#e8efff;--color-primary-subtle:#f0f4ff;--color-primary-dark:#18192e;--color-cyan:#00c3ff;--color-cyan-light:#e6f9ff;--color-bg:#f4f6fa;--color-bg-white:#fff;--color-bg-card:#fff;--color-bg-sidebar:#18192e;--color-bg-sidebar-hover:#252740;--color-bg-sidebar-active:#0053ff;--color-text:#18192e;--color-text-secondary:#636b83;--color-text-muted:#9ca3b8;--color-text-sidebar:#a8adc0;--color-text-sidebar-active:#fff;--color-success:#22c55e;--color-success-bg:#f0faf5;--color-error:#dc635e;--color-error-bg:#fdf0ef;--color-warning:#d1aa69;--color-warning-bg:#fdf8ef;--color-info:#00c3ff;--color-info-bg:#e6f9ff;--gradient-primary:linear-gradient(135deg, #0053ff 0%, #00c3ff 100%);--gradient-accent:linear-gradient(135deg, #0553ff 0%, #2de1ff 100%);--gradient-sidebar:linear-gradient(180deg, #18192e 0%, #1e2040 100%);--gradient-welcome:linear-gradient(135deg, #0053ff 0%, #00c3ff 50%, #7edcb4 100%);--border-color:#e8eaf0;--border-color-light:#f0f1f5;--border-radius:16px;--border-radius-sm:12px;--border-radius-xs:8px;--border-radius-full:9999px;--shadow-xs:0 1px 2px #18192e08;--shadow-sm:0 1px 4px #18192e0d;--shadow-md:0 4px 16px #18192e12;--shadow-lg:0 8px 30px #18192e1a;--shadow-card:0 1px 3px #18192e0a, 0 1px 2px #18192e05;--shadow-card-hover:0 8px 25px #18192e14;--shadow-primary:0 4px 14px #0053ff40;--font-family:"Sora", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--sidebar-width:260px;--topbar-height:64px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}a{color:var(--color-primary);text-decoration:none}.lead-tab svg,.badge svg,.btn svg,.kanban-badge svg,.kanban-score svg,.kanban-card svg,.qa-form-btn-save svg,.qa-form-chip svg,.qa-pipeline-state-icon svg,.qa-slideover-icon svg,.lead-topbar-name svg,.chat-agent-notice svg,.activity-followup svg{color:var(--color-primary);vertical-align:middle}.lead-tab.active svg{color:var(--color-primary)}.lead-tab:not(.active) svg{color:var(--color-text-muted)}.btn-primary svg{color:#fff}.btn-outline svg{color:var(--color-primary)}.qa-btn.qa-whatsapp .qa-icon,.qa-btn.qa-whatsapp-ai .qa-icon{color:#25d366}.qa-btn.qa-call .qa-icon{color:var(--color-primary)}.qa-btn.qa-note .qa-icon{color:var(--color-cyan)}.qa-btn.qa-pipeline .qa-icon{color:var(--color-primary)}.kanban-stalled-badge svg{color:var(--color-warning)}.kanban-alert svg{color:var(--color-error)}.toast.success svg{color:var(--color-success)}.toast.error svg{color:var(--color-error)}.toast.warning svg{color:var(--color-warning)}.qa-slideover-icon{color:var(--color-primary);align-items:center;display:inline-flex}svg{vertical-align:middle}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);padding-top:var(--topbar-height);flex:1;min-height:100vh}.page-content{max-width:1440px;padding:28px 32px}.sidebar{width:var(--sidebar-width);background:var(--gradient-sidebar);z-index:100;border-right:1px solid #ffffff0a;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:24px 24px 20px;display:flex}.sidebar-logo img{opacity:.95;width:auto;height:28px}.sidebar-logo span{color:#fff;font-weight:700;font-size:var(--font-size-md);letter-spacing:-.03em}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.sidebar-section-title{color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;padding:20px 14px 8px;font-size:.625rem;font-weight:700}.sidebar-link{border-radius:var(--border-radius-xs);color:var(--color-text-sidebar);font-size:var(--font-size-sm);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 14px;font-weight:500;display:flex;position:relative}.sidebar-link:hover{background:var(--color-bg-sidebar-hover);color:#fff}.sidebar-link.active{background:var(--color-bg-sidebar-active);color:#fff;box-shadow:0 2px 10px #0053ff59}.sidebar-link.active:before{content:"";background:#fff;border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-link svg{opacity:.85;flex-shrink:0;width:19px;height:19px}.sidebar-link.active svg{opacity:1}.sidebar-user{border-top:1px solid #ffffff0f;align-items:center;gap:12px;padding:16px;display:flex}.sidebar-user-avatar{border-radius:var(--border-radius-full);background:var(--gradient-primary);color:#fff;width:34px;height:34px;font-weight:700;font-size:var(--font-size-xs);justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0053ff4d}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:#fff;font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-role{color:#fff6;font-size:var(--font-size-xs)}.topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color-light);top:0;left:var(--sidebar-width);z-index:90;background:#ffffffd9;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:fixed;right:0}.topbar-title{font-size:var(--font-size-lg);color:var(--color-text);letter-spacing:-.03em;font-weight:700}.topbar-actions{align-items:center;gap:12px;display:flex}.welcome-banner{background:var(--gradient-welcome);border-radius:var(--border-radius);color:#fff;margin-bottom:28px;padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0053ff33}.welcome-banner:before{content:"";background:radial-gradient(circle,#ffffff1f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-20%}.welcome-banner:after{content:"";background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-30%;left:30%}.welcome-banner h2{font-size:var(--font-size-xl);z-index:1;margin-bottom:6px;font-weight:700;position:relative}.welcome-banner p{font-size:var(--font-size-sm);opacity:.85;z-index:1;position:relative}.card{background:var(--color-bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color-light);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover)}.card-header{border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.card-title{font-size:var(--font-size-sm);color:var(--color-text);letter-spacing:-.01em;align-items:center;gap:5px;font-weight:700;display:inline-flex}.card-title svg{color:var(--color-primary)}.card-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted)}.card-body{padding:24px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--color-bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color-light);box-shadow:var(--shadow-card);transition:all var(--transition-base);padding:22px 24px;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stat-card:after{content:"";opacity:.06;border-radius:0 0 0 80px;width:80px;height:80px;position:absolute;top:0;right:0}.stat-card.blue:after{background:var(--color-primary)}.stat-card.cyan:after{background:var(--color-cyan)}.stat-card.green:after{background:var(--color-success)}.stat-card.orange:after{background:var(--color-warning)}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.stat-icon{border-radius:var(--border-radius-xs);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon.blue{background:var(--color-primary-light);color:var(--color-primary)}.stat-icon.cyan{background:var(--color-cyan-light);color:#0097c7}.stat-icon.green{background:var(--color-success-bg);color:var(--color-success)}.stat-icon.orange{background:var(--color-warning-bg);color:#b8862a}.stat-icon svg{width:20px;height:20px}.stat-value{font-size:var(--font-size-2xl);color:var(--color-text);letter-spacing:-.03em;font-weight:800;line-height:1}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:6px;font-weight:500}.donut-wrapper{align-items:center;gap:32px;display:flex}.donut-chart{flex-shrink:0;width:180px;height:180px;position:relative}.donut-chart svg{transform:rotate(-90deg)}.donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-value{font-size:var(--font-size-2xl);color:var(--color-text);font-weight:800;line-height:1}.donut-center-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.donut-legend{flex-direction:column;flex:1;gap:10px;display:flex}.donut-legend-item{font-size:var(--font-size-sm);align-items:center;gap:10px;display:flex}.donut-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.donut-legend-label{color:var(--color-text-secondary);flex:1}.donut-legend-value{color:var(--color-text);text-align:right;min-width:24px;font-weight:700}.activity-list{flex-direction:column;gap:0;display:flex}.activity-item{border-bottom:1px solid var(--border-color-light);transition:background var(--transition-fast);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:var(--border-radius-xs);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.activity-icon.new{background:var(--color-info-bg)}.activity-icon.demo{background:#f0eaff}.activity-icon.won{background:var(--color-success-bg)}.activity-icon.lost{background:var(--color-error-bg)}.activity-icon.msg{background:var(--color-primary-light)}.activity-content{flex:1;min-width:0}.activity-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.4}.activity-text strong{font-weight:600}.activity-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.table-container{overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%}thead th{background:var(--color-bg);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--border-color-light);white-space:nowrap;padding:11px 16px;font-weight:700}tbody td{font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color-light);color:var(--color-text);padding:14px 16px}tbody tr{transition:all var(--transition-fast);cursor:pointer}tbody tr:hover{background:var(--color-primary-subtle)}.badge{border-radius:var(--border-radius-full);font-size:var(--font-size-xs);white-space:nowrap;letter-spacing:-.01em;align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.badge-nuevo{background:var(--color-info-bg);color:#0097c7}.badge-contactado{background:var(--color-primary-light);color:var(--color-primary)}.badge-demo_ofrecida{color:#7c3aed;background:#f0eaff}.badge-cita_agendada{background:var(--color-warning-bg);color:#b8862a}.badge-demo_realizada{background:var(--color-success-bg);color:#1a9e4a}.badge-cerrado_ganado{background:var(--color-success-bg);color:#16a34a}.badge-cerrado_perdido{background:var(--color-error-bg);color:var(--color-error)}.badge-descalificado{color:#999;background:#f5f5f5}.badge-agent{background:var(--color-primary-light);color:var(--color-primary)}.badge-human{background:var(--color-warning-bg);color:#b8862a}.btn{border-radius:var(--border-radius-xs);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--border-color);background:0 0}.btn-outline:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:none}.btn-ghost:hover{background:var(--color-bg);color:var(--color-text)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#c5504b}.btn-sm{font-size:var(--font-size-xs);padding:7px 16px}.btn-icon{border-radius:var(--border-radius-xs);background:var(--color-bg);border:1px solid var(--border-color-light);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.chat-container{height:calc(100vh - var(--topbar-height) - 140px);flex-direction:column;min-height:400px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.chat-bubble{max-width:72%;font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-word;padding:12px 16px;line-height:1.55;animation:.3s fadeInUp}.chat-bubble.inbound{background:var(--color-bg);color:var(--color-text);border-radius:16px 16px 16px 4px;align-self:flex-start}.chat-bubble.outbound{background:var(--gradient-primary);color:#fff;border-radius:16px 16px 4px;align-self:flex-end;box-shadow:0 2px 8px #0053ff33}.chat-bubble-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.chat-bubble.outbound .chat-bubble-time{color:#ffffffa6}.chat-bubble-sender{font-size:var(--font-size-xs);margin-bottom:3px;font-weight:700}.search-input{border:1.5px solid var(--border-color);border-radius:var(--border-radius-xs);font-family:var(--font-family);font-size:var(--font-size-sm);background:var(--color-bg-white);color:var(--color-text);width:300px;transition:all var(--transition-fast);outline:none;padding:10px 16px 10px 40px}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0053ff14}.search-wrapper{position:relative}.search-wrapper svg{width:16px;height:16px;color:var(--color-text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-clear{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;padding:4px;font-size:14px;line-height:1;transition:all .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-clear:hover{color:var(--color-text-primary);background:#ffffff1a}.filter-group{align-items:center;gap:10px;display:flex}.filter-select{border:1.5px solid var(--border-color);border-radius:var(--border-radius-xs);font-family:var(--font-family);font-size:var(--font-size-sm);background:var(--color-bg-white);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast);outline:none;padding:10px 14px}.filter-select:focus{border-color:var(--color-primary)}.dashboard-grid{grid-template-columns:1fr 380px;gap:20px;display:grid}.loading-screen{background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s both fadeInUp}.animate-in-1{animation-delay:50ms}.animate-in-2{animation-delay:.1s}.animate-in-3{animation-delay:.15s}.animate-in-4{animation-delay:.2s}.animate-in-5{animation-delay:.25s}.empty-state{text-align:center;color:var(--color-text-muted);padding:60px 20px}.empty-state svg{opacity:.3;width:48px;height:48px;margin-bottom:16px}.empty-state h3{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:4px}.lead-detail-grid{grid-template-columns:360px 1fr;gap:20px;display:grid}.lead-info-section{flex-direction:column;gap:16px;display:flex}.lead-avatar{background:var(--gradient-primary);color:#fff;width:60px;height:60px;font-size:var(--font-size-xl);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-weight:800;display:flex;box-shadow:0 4px 12px #0053ff40}.lead-meta-row{border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.lead-meta-row:last-child{border-bottom:none}.lead-meta-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.lead-meta-value{font-size:var(--font-size-sm);font-weight:600}.apt-card{border-radius:var(--border-radius-xs);border:1px solid var(--border-color-light);transition:all var(--transition-fast);padding:14px}.apt-card:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}.apt-card.scheduled{border-left:3px solid var(--color-primary)}.apt-card.completed{border-left:3px solid var(--color-success)}.monitor-grid{grid-template-columns:1fr 360px;gap:20px;display:grid}.conv-list{max-height:calc(100vh - 360px);overflow-y:auto}.conv-row{border-bottom:1px solid var(--border-color-light);transition:all var(--transition-fast);align-items:center;gap:12px;padding:14px 20px;display:flex;position:relative}.conv-row:last-child{border-bottom:none}.conv-row:hover{background:var(--color-primary-subtle)}.conv-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.conv-indicator.hot{background:var(--color-success);animation:2s ease-in-out infinite pulse-green;box-shadow:0 0 0 3px #22c55e33}.conv-indicator.warm{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.conv-indicator.cold{background:var(--color-text-muted);opacity:.4}@keyframes pulse-green{0%,to{box-shadow:0 0 0 3px #22c55e33}50%{box-shadow:0 0 0 6px #22c55e1a}}.conv-avatar{background:var(--gradient-primary);color:#fff;width:38px;height:38px;font-weight:700;font-size:var(--font-size-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #0053ff2e}.conv-content{flex:1;min-width:0}.conv-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.conv-name{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.conv-time{font-size:var(--font-size-xs);color:var(--color-text-muted);border-radius:10px;flex-shrink:0;padding:2px 8px;font-weight:500;transition:all .3s}.conv-time.hot{color:#22c55e;background:#22c55e1a;font-weight:700;animation:2s ease-in-out infinite pulse-subtle}.conv-time.warm{color:#f59e0b;background:#f59e0b14;font-weight:600}.conv-time.cold{color:var(--color-text-muted)}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.6}}.conv-preview{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;overflow:hidden}.conv-preview-arrow{color:var(--color-text-muted)}.conv-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.conv-badge{border-radius:var(--border-radius-full);align-items:center;padding:2px 8px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.conv-badge.agent{background:var(--color-primary-light);color:var(--color-primary)}.conv-badge.human{color:#92400e;background:#fef3c7}.conv-badge[class*=state-nuevo]{background:var(--color-info-bg);color:#0097c7}.conv-badge[class*=state-contactado]{background:var(--color-primary-light);color:var(--color-primary)}.conv-badge[class*=state-demo_ofrecida]{color:#7c3aed;background:#f0eaff}.conv-badge[class*=state-cita_agendada]{background:var(--color-warning-bg);color:#b8862a}.conv-badge[class*=state-demo_realizada]{background:var(--color-success-bg);color:#1a9e4a}.conv-badge[class*=state-cerrado_ganado]{background:var(--color-success-bg);color:#16a34a}.conv-badge[class*=state-cerrado_perdido]{background:var(--color-error-bg);color:var(--color-error)}.conv-count{color:var(--color-text-muted);font-size:10px}.conv-take-btn{border-radius:var(--border-radius-xs);background:var(--color-bg);border:1px solid var(--border-color);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);opacity:0;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.conv-row:hover .conv-take-btn{opacity:1}.conv-take-btn:hover{background:var(--color-warning-bg);border-color:#f59e0b;transform:scale(1.1)}.conv-filters{gap:4px;display:flex}.conv-filter-btn{border-radius:var(--border-radius-full);font-family:var(--font-family);font-size:var(--font-size-xs);border:1px solid var(--border-color);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:5px 12px;font-weight:600}.conv-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.conv-filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.live-dot{background:var(--color-success);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:8px;animation:2s ease-in-out infinite pulse-green;display:inline-block}.alert-item{border-bottom:1px solid var(--border-color-light);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.alert-item:last-child{border-bottom:none}.alert-item:hover{color:var(--color-primary)}.alert-name{font-size:var(--font-size-sm);font-weight:600}.alert-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width:1200px){.monitor-grid{grid-template-columns:1fr}}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--sidebar-width:0px}html,body{max-width:100vw;overflow-x:hidden}.main-content{width:100%;margin-left:0!important}.topbar{padding:0 16px 0 60px;left:0!important}.page-content{box-sizing:border-box;max-width:100vw;padding:16px 12px;overflow-x:hidden}.welcome-banner{margin-bottom:16px;padding:20px 18px}.welcome-banner h2{font-size:1.1rem}.welcome-banner p{font-size:12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat-card{padding:14px 16px}.stat-value{font-size:1.3rem}.stat-label{font-size:10px}.monitor-grid{grid-template-columns:1fr;gap:14px;max-width:100%}.card{box-sizing:border-box;max-width:100%;overflow:hidden}.card-header,.card-body{padding:14px 16px}.conv-list{max-width:100%;overflow-x:hidden}.conv-row{box-sizing:border-box;gap:10px;max-width:100%;padding:12px 14px}.conv-content{min-width:0;max-width:100%}.conv-avatar{width:34px;height:34px;font-size:12px}.conv-name{font-size:13px}.conv-preview{max-width:calc(100vw - 120px)}.conv-take-btn{opacity:1}.conv-filters{flex-shrink:0;overflow-x:auto}.card-header{flex-direction:column;align-items:flex-start;gap:10px}.card-body svg{max-width:100%;height:auto}.settings-tabs{flex-wrap:nowrap;overflow-x:auto}.settings-tab{white-space:nowrap;flex:none;padding:8px 14px;font-size:12px}.form-grid{grid-template-columns:1fr}.table-container{max-width:100vw}}.settings-tabs{background:var(--color-bg);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);gap:4px;margin-bottom:20px;padding:4px;display:flex}.settings-tab{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-xs);transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:10px 16px;font-weight:600}.settings-tab:hover{color:var(--color-primary);background:var(--color-primary-subtle)}.settings-tab.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #0053ff40}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.form-input{border:1px solid var(--border-color);border-radius:var(--border-radius-xs);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);transition:all var(--transition-fast);outline:none;width:100%;padding:10px 14px}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0053ff1a}.form-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-secondary)}select.form-input{cursor:pointer}textarea.form-input{min-height:120px}.integration-card{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);align-items:center;gap:16px;padding:16px 20px;display:flex}.integration-card:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}.integration-icon{border-radius:var(--border-radius-xs);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.integration-info{flex:1;min-width:0}.integration-name{font-size:var(--font-size-sm);color:var(--color-text);font-weight:700}.integration-detail{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.integration-status{font-size:var(--font-size-xs);border-radius:var(--border-radius-full);flex-shrink:0;padding:4px 10px;font-weight:600}.integration-status.connected{background:var(--color-success-bg);color:#16a34a}.integration-status.disconnected{background:var(--color-bg-secondary);color:var(--color-text-muted)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.settings-tabs{flex-direction:column}}.lead-topbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.lead-topbar-name{flex:1;align-items:center;gap:10px;display:flex}.lead-topbar-name h2{font-size:var(--font-size-lg);margin:0;font-weight:700}.lead-3col{height:calc(100vh - var(--topbar-height) - 120px);grid-template-columns:360px 1fr;gap:24px;display:grid}.lead-col-left{flex-direction:column;gap:16px;padding-right:4px;display:flex;overflow-y:auto}.lead-col-left::-webkit-scrollbar{width:4px}.lead-col-left::-webkit-scrollbar-track{background:0 0}.lead-col-left::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.lead-col-center{flex-direction:column;min-height:0;display:flex;overflow:hidden}.lead-col-center>.card{flex-direction:column;flex:1;display:flex;overflow:hidden}.lead-col-center .chat-container{flex:1;height:auto;min-height:0}.lead-col-center .chat-messages{flex:1;overflow-y:auto}.lead-avatar-lg{background:linear-gradient(135deg, var(--color-primary), var(--color-cyan));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:24px;font-weight:700;display:flex;box-shadow:0 4px 16px #0053ff33}.lead-name-lg{font-size:var(--font-size-md);margin:0;font-weight:700}.lead-phone-lg{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:4px 0 16px}.lead-meta-grid{text-align:left;flex-direction:column;gap:8px;display:flex}.lead-meta-item{font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;gap:8px;display:flex}.meta-icon{text-align:center;width:20px;color:var(--color-primary);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.lead-tabs{border-bottom:2px solid var(--border-color-light);padding:0 20px;display:flex}.lead-tab{font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;font-weight:500;font-family:var(--font-family);background:0 0;border:none;padding:12px 20px;transition:all .2s;position:relative}.lead-tab:hover{color:var(--color-text)}.lead-tab.active{color:var(--color-primary);font-weight:600}.lead-tab.active:after{content:"";background:var(--color-primary);border-radius:1px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.tab-count{background:var(--color-bg);border-radius:10px;margin-left:6px;padding:1px 6px;font-size:10px}.chat-input-bar{border-top:1px solid var(--border-color-light);align-items:flex-end;gap:10px;padding:12px 20px;display:flex}.chat-input{border:1.5px solid var(--border-color);border-radius:var(--border-radius-xs);font-family:var(--font-family);font-size:var(--font-size-sm);background:var(--color-bg);resize:none;outline:none;flex:1;min-height:42px;max-height:160px;padding:10px 16px;line-height:1.5;transition:border-color .2s;overflow-y:auto}.chat-input:focus{border-color:var(--color-primary)}.chat-agent-notice{border-top:1px solid var(--border-color-light);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);padding:14px 20px}.chat-window-expired{border-top:1px solid var(--border-color-light);background:#f973160f;padding:14px 16px}.window-expired-header{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.window-expired-header span{font-size:24px}.window-expired-header strong{color:#f97316;font-size:13px}.window-expired-header p{color:var(--color-text-muted);margin:2px 0 0;font-size:11px;line-height:1.4}.template-list{flex-direction:column;gap:6px;max-height:180px;display:flex;overflow-y:auto}.template-option{cursor:pointer;background:var(--surface-bg);border:1px solid var(--border-color-light);border-radius:8px;padding:10px 12px;transition:all .15s}.template-option:hover{background:#f9731614;border-color:#f97316}.template-option-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.template-option-name{color:var(--color-text-primary);font-size:12px;font-weight:600}.template-option-cat{text-transform:uppercase;color:#f97316;background:#f9731626;border-radius:4px;padding:1px 6px;font-size:10px}.template-option-body{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.4;overflow:hidden}.quick-actions-title{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin:0 0 10px;font-size:11px;font-weight:600}.qa-btn{border:1.5px solid var(--border-color-light);border-radius:var(--border-radius-xs);background:var(--color-bg-white);cursor:pointer;width:100%;font-size:13px;font-family:var(--font-family);color:var(--color-text);align-items:center;gap:12px;margin-bottom:8px;padding:11px 16px;transition:all .2s;display:flex}.qa-btn:hover{border-color:var(--color-primary);background:var(--color-primary-subtle);transform:translate(2px)}.qa-icon{text-align:center;width:22px;color:var(--color-primary);justify-content:center;align-items:center;font-size:16px;display:inline-flex}.qa-icon svg{stroke:currentColor}.qa-chevron{color:var(--color-text-muted);margin-left:auto;font-size:12px}.qa-divider{background:var(--border-color-light);height:1px;margin:12px 0}.qa-btn.qa-whatsapp:hover{background:#25d3660d;border-color:#25d366}.qa-btn.qa-whatsapp-ai:hover{background:#7c3aed0d;border-color:#7c3aed}.qa-btn.qa-call:hover{background:#0053ff0d;border-color:#0053ff}.qa-btn.qa-note:hover{background:#f59e0b0d;border-color:#f59e0b}.qa-btn.qa-post-sale .qa-icon{color:var(--color-primary)}.qa-btn.qa-post-sale:hover{border-color:var(--color-primary);background:linear-gradient(135deg,#0053ff0f,#00c3ff0f)}.qa-state-container{z-index:10;position:relative}.qa-dropdown{z-index:100;background:var(--color-bg-white);border:1.5px solid var(--border-color);border-radius:var(--border-radius-xs);margin-top:4px;padding:4px;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 30px #00000026}.qa-dropdown-item{cursor:pointer;width:100%;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;transition:all .15s;display:flex}.qa-dropdown-item:hover{background:var(--color-primary-subtle)}.qa-dropdown-item.active{background:var(--color-primary-light);font-weight:600}.qa-dropdown-item:disabled{opacity:.4;cursor:default}.qa-slideover-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#00000073;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.qa-slideover-panel{background:var(--color-bg-white);flex-direction:column;width:520px;max-width:100vw;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;overflow:hidden;box-shadow:-8px 0 40px #00000026}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.qa-slideover-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.qa-slideover-title{align-items:center;gap:10px;display:flex}.qa-slideover-title h3{color:var(--color-text);margin:0;font-size:17px;font-weight:700}.qa-slideover-icon{font-size:22px}.qa-slideover-close{background:var(--color-bg-secondary);cursor:pointer;width:36px;height:36px;color:var(--color-text-muted);border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.qa-slideover-close:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.qa-slideover-body{flex:1;padding:0;overflow-y:auto}.qa-form{flex-direction:column;height:100%;display:flex}.qa-form-field{padding:20px 28px 0}.qa-form-label{color:var(--color-text);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.qa-form-optional{color:var(--color-text-muted);font-weight:400}.qa-form-hint{color:var(--color-text-muted);margin:0 0 12px;font-size:12px;line-height:1.5}.qa-form-textarea{border:1.5px solid var(--border-color);width:100%;font-family:var(--font-family);resize:vertical;box-sizing:border-box;background:var(--color-bg-secondary);border-radius:12px;outline:none;min-height:120px;padding:14px 16px;font-size:14px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.qa-form-textarea:focus{border-color:var(--color-primary);background:var(--color-bg-white);box-shadow:0 0 0 3px #0064ff14}.qa-form-textarea::placeholder{color:var(--color-text-muted);opacity:.7}.qa-form-charcount{color:var(--color-text-muted);justify-content:flex-end;padding:6px 4px 0;font-size:11px;display:flex}.qa-form-lead-info{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#0064ff0a,#6432ff0a);align-items:center;gap:14px;padding:20px 28px;display:flex}.qa-form-lead-avatar{background:linear-gradient(135deg, var(--color-primary), #7c3aed);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.qa-form-lead-name{color:var(--color-text);font-size:15px;font-weight:700}.qa-form-lead-phone{color:var(--color-text-muted);margin-top:2px;font-size:12px}.qa-form-chips{flex-wrap:wrap;gap:8px;display:flex}.qa-form-chip{border:1.5px solid var(--border-color);background:var(--color-bg-white);cursor:pointer;color:var(--color-text-secondary);font-size:12px;font-weight:500;font-family:var(--font-family);border-radius:20px;align-items:center;gap:5px;padding:8px 14px;transition:all .2s;display:flex}.qa-form-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:#0064ff0a}.qa-form-chip.active{border-color:var(--color-primary);color:var(--color-primary);background:linear-gradient(135deg,#0064ff1a,#6432ff14);font-weight:700;box-shadow:0 2px 8px #0064ff1a}.qa-form-footer{border-top:1px solid var(--border-color);background:var(--color-bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;margin-top:auto;padding:16px 28px;display:flex}.qa-form-shortcut{color:var(--color-text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.qa-form-buttons{gap:10px;display:flex}.qa-form-btn-cancel{border:1.5px solid var(--border-color);background:var(--color-bg-white);cursor:pointer;color:var(--color-text-secondary);font-size:13px;font-weight:600;font-family:var(--font-family);border-radius:10px;padding:10px 18px;transition:all .2s}.qa-form-btn-cancel:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.qa-form-btn-save{background:linear-gradient(135deg, var(--color-primary), #4338ca);color:#fff;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-family);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 22px;transition:all .2s;display:flex;box-shadow:0 2px 10px #0064ff33}.qa-form-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #0064ff4d}.qa-form-btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.qa-form-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.qa-pipeline-grid{padding:12px 20px}.qa-pipeline-section{margin-bottom:16px}.qa-pipeline-group-title{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);border-bottom:1px solid var(--border-color);margin-bottom:4px;padding:8px 8px 6px;font-size:11px;font-weight:700}.qa-pipeline-states{flex-direction:column;gap:2px;display:flex}.qa-pipeline-state-btn{cursor:pointer;width:100%;color:var(--color-text);text-align:left;font-size:13px;font-weight:500;font-family:var(--font-family);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.qa-pipeline-state-btn:hover:not(:disabled){background:var(--color-bg-secondary)}.qa-pipeline-state-btn.active{color:var(--color-primary);background:linear-gradient(135deg,#0064ff14,#6432ff0f);font-weight:700}.qa-pipeline-state-btn:disabled{cursor:default}.qa-pipeline-state-icon{text-align:center;width:24px;font-size:16px}.qa-pipeline-current{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;background:#0064ff1a;border-radius:6px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700}.qa-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.qa-modal{background:var(--color-bg-white);border-radius:var(--border-radius-sm);width:90%;max-width:440px;box-shadow:var(--shadow-lg);padding:28px;animation:.3s slideUp}.qa-modal h3{font-size:var(--font-size-md);margin:0 0 16px;font-weight:700}.qa-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 6px;font-weight:600;display:block}.qa-textarea{border:1.5px solid var(--border-color);border-radius:var(--border-radius-xs);width:100%;font-family:var(--font-family);font-size:var(--font-size-sm);resize:vertical;box-sizing:border-box;outline:none;padding:10px 14px;transition:border-color .2s}.qa-textarea:focus{border-color:var(--color-primary)}.qa-select{border:1.5px solid var(--border-color);border-radius:var(--border-radius-xs);width:100%;font-family:var(--font-family);font-size:var(--font-size-sm);background:var(--color-bg-white);cursor:pointer;outline:none;padding:10px 14px}.qa-modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.qa-slideover-panel{width:100vw}.qa-form-footer{flex-direction:column;align-items:stretch;gap:12px}.qa-form-buttons{justify-content:stretch}.qa-form-btn-cancel,.qa-form-btn-save{flex:1;justify-content:center}.qa-form-shortcut{justify-content:center}}.activity-empty{text-align:center;color:var(--color-text-muted);padding:40px 20px}.activity-empty p{font-size:var(--font-size-sm);margin:4px 0}.activity-empty-hint{font-size:var(--font-size-xs)}.activity-timeline{flex-direction:column;gap:0;display:flex}.activity-item{padding-bottom:16px;padding-left:28px;animation:.3s both fadeIn;position:relative}.activity-line-dot{z-index:1;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:4px;box-shadow:0 0 0 2px #00000014}.activity-line-connector{background:var(--border-color-light);width:2px;position:absolute;top:20px;bottom:0;left:9px}.activity-card{background:var(--color-bg);border-radius:var(--border-radius-xs);padding:12px 16px;transition:all .2s}.activity-card:hover{background:var(--color-primary-subtle)}.activity-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.activity-type{font-size:var(--font-size-sm);color:var(--color-text);align-items:center;gap:4px;font-weight:600;display:inline-flex}.activity-type svg{color:var(--color-primary)}.activity-time{color:var(--color-text-muted);font-size:11px}.activity-content{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:4px;line-height:1.5}.activity-result{border-radius:var(--border-radius-full);color:var(--color-text-secondary);border:1.5px solid;margin-top:6px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.activity-followup{color:#f59e0b;margin-top:6px;font-size:11px;font-weight:500}.activity-edit-btn{border:1px solid var(--border-color);background:var(--color-bg-white);color:var(--color-text-muted);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-family);opacity:0;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;transition:all .2s;display:inline-flex}.activity-card:hover .activity-edit-btn{opacity:1}.activity-edit-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle,#0053ff0f)}.activity-edited{color:var(--color-text-muted);opacity:.7;align-items:center;gap:3px;margin-top:6px;font-size:10px;font-style:italic;display:inline-flex}.ps-product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:8px;display:grid}.ps-product-card{background:var(--color-bg-white);border:2px solid var(--border-color);cursor:pointer;text-align:left;font-family:var(--font-family);border-radius:12px;padding:14px;transition:all .2s}.ps-product-card:hover{border-color:var(--color-primary)}.ps-product-card.active{border-color:var(--color-primary);background:#0053ff0a;box-shadow:0 0 0 3px #0053ff1a}.ps-product-name{color:var(--color-text);font-size:13px;font-weight:700}.ps-product-price{color:var(--color-primary);letter-spacing:-.5px;margin:4px 0;font-size:22px;font-weight:800}.ps-product-price span{color:var(--color-text-muted);font-size:12px;font-weight:500}.ps-product-desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.ps-campaign-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ps-campaign-chip{border:1px solid var(--border-color);background:var(--color-bg-white);color:var(--color-text);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-family);border-radius:20px;align-items:center;gap:4px;padding:6px 14px;transition:all .15s;display:inline-flex}.ps-campaign-chip:hover{border-color:var(--color-primary)}.ps-campaign-chip.active{color:#fff;background:linear-gradient(135deg,#0053ff,#00c3ff);border-color:#0000}.ps-select{border:1px solid var(--border-color);width:100%;font-size:13px;font-family:var(--font-family);background:var(--color-bg-white);color:var(--color-text);border-radius:10px;margin-top:8px;padding:10px 12px}.ps-preview-summary{background:var(--color-bg-alt);border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;padding:14px;display:grid}.ps-preview-item{flex-direction:column;gap:2px;display:flex}.ps-preview-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:10px;font-weight:600}.ps-preview-price{color:var(--color-primary);font-weight:700}.ps-tabs{background:var(--color-bg-alt);border-radius:10px;gap:4px;margin-bottom:12px;padding:3px;display:flex}.ps-tab{color:var(--color-text-muted);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;transition:all .15s;display:flex}.ps-tab.active{background:var(--color-bg-white);color:var(--color-text);box-shadow:var(--shadow-sm)}.ps-message-preview{border:1px solid var(--border-color);background:var(--color-bg-white);border-radius:12px;max-height:320px;overflow-y:auto}.ps-wa-preview{white-space:pre-wrap;font-family:var(--font-family);color:var(--color-text);background:#e8f5e1;border-radius:12px;margin:0;padding:16px;font-size:13px;line-height:1.5}.ps-email-preview{padding:0}.ps-email-preview>*{max-width:100%}.ps-channel-selector{gap:8px;margin-top:8px;display:flex}.ps-channel-btn{border:2px solid var(--border-color);background:var(--color-bg-white);color:var(--color-text);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-family);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;transition:all .15s;display:flex}.ps-channel-btn:hover{border-color:var(--color-primary)}.ps-channel-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:#0053ff0f}.intel-section{margin-bottom:14px}.intel-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.intel-value{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.5}.intel-bant{flex-direction:column;gap:4px;display:flex}.bant-item{font-size:var(--font-size-xs);gap:8px;display:flex}.bant-key{text-transform:capitalize;color:var(--color-text-secondary);min-width:70px;font-weight:600}.bant-val{color:var(--color-text-muted)}@media (max-width:1024px){.lead-3col{grid-template-columns:1fr}.lead-col-left{grid-template-columns:1fr 1fr;gap:16px;display:grid}}@media (max-width:640px){.lead-col-left{grid-template-columns:1fr}}.leads-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.leads-header-left{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.leads-header-right{align-items:center;gap:12px;display:flex}.view-toggle{background:var(--color-bg);border-radius:var(--border-radius-xs);gap:2px;padding:3px;display:flex}.view-toggle-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:7px 10px;transition:all .2s;display:flex}.view-toggle-btn.active{background:var(--color-bg-white);color:var(--color-primary);box-shadow:0 1px 3px #00000014}.view-toggle-btn:hover:not(.active){color:var(--color-text)}.kanban-filters{flex-wrap:wrap;gap:4px;display:flex}.kanban-filter-btn{border:1.5px solid var(--border-color-light);border-radius:var(--border-radius-full);background:var(--color-bg-white);font-size:12px;font-family:var(--font-family);cursor:pointer;color:var(--color-text-secondary);padding:6px 12px;transition:all .2s}.kanban-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.kanban-filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.kanban-board{gap:16px;min-height:calc(100vh - 220px);padding-bottom:16px;display:flex;overflow-x:auto}.kanban-board::-webkit-scrollbar{height:6px}.kanban-board::-webkit-scrollbar-track{background:0 0}.kanban-board::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.kanban-column{background:var(--color-bg);border-radius:var(--border-radius-sm);flex-direction:column;flex-shrink:0;min-width:280px;max-width:300px;padding:0;display:flex}.kanban-column-header{background:var(--color-bg);z-index:1;align-items:center;gap:8px;padding:14px 16px 10px;display:flex;position:sticky;top:0}.kanban-column-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.kanban-column-title{color:var(--color-text);align-items:center;gap:5px;font-size:13px;font-weight:600;display:inline-flex}.kanban-column-title svg{color:var(--color-primary)}.kanban-column-count{background:var(--color-bg-white);color:var(--color-text-muted);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.kanban-stalled-badge{color:#f59e0b;margin-left:auto;font-size:10px;font-weight:600}.kanban-column-cards{flex-direction:column;flex:1;gap:8px;max-height:calc(100vh - 280px);padding:0 10px 14px;display:flex;overflow-y:auto}.kanban-column-cards::-webkit-scrollbar{width:3px}.kanban-column-cards::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.kanban-card{background:var(--color-bg-white);border-radius:var(--border-radius-xs);cursor:pointer;border:1.5px solid #0000;padding:12px 14px;transition:all .2s;box-shadow:0 1px 3px #0000000a}.kanban-card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0053ff1a}.kanban-card-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.kanban-card-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-cyan));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.kanban-card-info{flex:1;min-width:0}.kanban-card-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.kanban-card-company{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.kanban-activity{border-radius:var(--border-radius-full);flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.kanban-activity.hot{color:#16a34a;background:#dcfce7}.kanban-activity.warm{color:#b45309;background:#fef9c3}.kanban-activity.cold{color:#94a3b8;background:#f1f5f9}.kanban-card-preview{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.preview-arrow{color:var(--color-primary);margin-right:4px;font-weight:600}.kanban-card-footer{justify-content:space-between;align-items:center;display:flex}.kanban-card-badges{align-items:center;gap:8px;display:flex}.kanban-badge{border-radius:4px;padding:1px 6px;font-size:11px}.kanban-badge.human{background:#fef3c7}.kanban-badge.agent{background:#e0f2fe}.kanban-score{font-size:11px;font-weight:700}.kanban-alert{font-size:14px;animation:2s infinite pulse}.advisor-badge{border-radius:var(--border-radius-full);background:var(--color-bg);padding:3px 10px;font-size:11px;font-weight:600}.advisor-section{margin-bottom:2px}.advisor-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.advisor-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.5}.advisor-highlight{background:var(--color-primary-subtle);border-radius:var(--border-radius-xs);border-left:3px solid var(--color-primary);padding:10px 14px}.advisor-message{background:var(--color-bg);border-radius:var(--border-radius-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:10px 14px;font-style:italic;line-height:1.5}.advisor-message p{margin:0}.advisor-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.advisor-list li{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:4px 0 4px 16px;position:relative}.advisor-list.positive li:before{content:"✓";color:#22c55e;font-weight:700;position:absolute;left:0}.advisor-list.negative li:before{content:"✗";color:#dc2626;font-weight:700;position:absolute;left:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--border-radius-sm);background:var(--color-bg-white);border:1.5px solid var(--border-color);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;min-width:260px;max-width:380px;padding:12px 18px;animation:.35s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f}.toast-success{background:linear-gradient(135deg,#22c55e0f,#fffffff2);border-color:#22c55e59}.toast-error{background:linear-gradient(135deg,#ef44440f,#fffffff2);border-color:#ef444459}.toast-warning{background:linear-gradient(135deg,#f59e0b0f,#fffffff2);border-color:#f59e0b59}.toast-icon{flex-shrink:0;font-size:16px}.toast-message{flex:1;font-weight:500;line-height:1.4}.toast-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:12px;transition:all .15s}.toast-close:hover{color:var(--color-text);background:#0000000d}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.qa-pipeline-group-label{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);border-top:1px solid var(--border-color-light);margin-top:4px;padding:10px 12px 4px;font-size:10px;font-weight:700}.qa-pipeline-group-label:first-child{border-top:none;margin-top:0;padding-top:4px}.analysis-progress{background:linear-gradient(135deg,#6366f10a,#8b5cf60f);border:1.5px solid #6366f133;border-radius:16px;overflow:hidden}.analysis-progress-header{align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.analysis-brain{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;animation:2s ease-in-out infinite analysisPulse;display:flex}@keyframes analysisPulse{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 10px #6366f100}}.analysis-progress-bar-track{background:#6366f11a;border-radius:3px;height:3px;margin:0 24px;overflow:hidden}.analysis-progress-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa) 0 0/200% 100%;border-radius:3px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);animation:2s linear infinite analysisShimmer}@keyframes analysisShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.analysis-lead-list{flex-direction:column;gap:6px;max-height:260px;padding:12px 24px 20px;display:flex;overflow-y:auto}.analysis-lead-list::-webkit-scrollbar{width:3px}.analysis-lead-list::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.analysis-lead-item{border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .3s;animation:.35s cubic-bezier(.16,1,.3,1) both analysisSlideIn;display:flex}.analysis-lead-item.analyzing{background:linear-gradient(90deg,#6366f114,#8b5cf61f,#6366f114) 0 0/200% 100%;animation:.35s cubic-bezier(.16,1,.3,1) both analysisSlideIn,1.5s ease-in-out infinite analysisItemShimmer}.analysis-lead-item.done{opacity:.65}.analysis-lead-item.done.success{color:#16a34a}.analysis-lead-item.done.error{color:#ef4444}@keyframes analysisSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes analysisItemShimmer{0%,to{background-position:-200% 0}50%{background-position:200% 0}}.analysis-lead-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.analysis-lead-icon.pending{background:#6366f11a}.analysis-lead-icon.working{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);animation:1.5s ease-in-out infinite analysisPulse}.analysis-lead-icon.success{background:#22c55e1f}.analysis-lead-icon.error{background:#ef44441f}.analysis-lead-icon.skipped{background:#f59e0b1f}.analysis-lead-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.analysis-lead-badge{border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.analysis-stats-row{border-top:1px solid #6366f11a;gap:16px;padding:12px 24px;font-size:12px;font-weight:600;display:flex}.mobile-menu-btn{z-index:200;background:var(--color-bg-white);border:1.5px solid var(--border-color);border-radius:var(--border-radius-xs);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);color:var(--color-text);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:none;position:fixed;top:14px;left:14px}.sidebar-overlay{display:none}.sidebar-close-btn{cursor:pointer;color:#ffffff80;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin-left:auto;padding:4px;display:none}@media (max-width:768px){.sidebar{z-index:300;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:250;-webkit-backdrop-filter:blur(3px);background:#00000073;animation:.2s fadeIn;display:block;position:fixed;inset:0}.sidebar-close-btn,.mobile-menu-btn{display:flex}.main-content{padding-top:var(--topbar-height);margin-left:0}.topbar{padding:0 16px 0 60px;left:0}.topbar-title{font-size:var(--font-size-base)}.page-content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:16px}.stat-value{font-size:var(--font-size-xl)}.stat-icon{width:36px;height:36px}.stat-icon svg{width:16px;height:16px}.dashboard-grid,.monitor-grid{grid-template-columns:1fr}.card-header{padding:14px 16px}.card-body{padding:16px}.card-title{font-size:var(--font-size-xs)}.welcome-banner{margin-bottom:16px;padding:20px}.welcome-banner h2{font-size:var(--font-size-md)}.lead-3col{grid-template-columns:1fr;height:auto}.lead-col-left{flex-direction:column;gap:12px;max-height:none;padding-right:0;display:flex;overflow:visible}.lead-topbar{gap:10px}.lead-topbar-name h2{font-size:var(--font-size-base)}.lead-detail-grid{grid-template-columns:1fr}.chat-container{height:calc(100vh - var(--topbar-height) - 100px);min-height:300px}.chat-bubble{max-width:88%}.chat-messages{padding:12px}.kanban-board{min-height:auto}.kanban-column{min-width:260px;max-width:280px}.leads-header{flex-direction:column;align-items:stretch;gap:10px}.leads-header-left{flex-wrap:wrap;gap:8px}.leads-header-right{flex-wrap:wrap;justify-content:flex-start;gap:8px}.search-input,.search-wrapper{width:100%}.kanban-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto}.kanban-filters::-webkit-scrollbar{display:none}.form-grid{grid-template-columns:1fr}.settings-tabs{flex-direction:column}.integration-card{flex-wrap:wrap;gap:12px}.donut-wrapper{flex-direction:column;align-items:center;gap:20px}.donut-chart{width:150px;height:150px}.table-container{margin:0 -16px}table{font-size:var(--font-size-xs)}thead th{padding:8px 10px}tbody td{padding:10px}.conv-row{padding:12px 16px}.conv-avatar{width:34px;height:34px;font-size:var(--font-size-xs)}.conv-take-btn{opacity:1}.view-toggle-btn{padding:6px 8px}.analysis-stats-row{flex-wrap:wrap;gap:12px;padding:10px 16px}}@media (max-width:480px){:root{--topbar-height:56px}.mobile-menu-btn{width:36px;height:36px;top:10px;left:10px}.topbar{height:56px;padding:0 12px 0 52px}.topbar-title{font-size:var(--font-size-sm)}.topbar-actions{gap:6px}.topbar-actions .btn{font-size:var(--font-size-xs);padding:6px 10px}.page-content{padding:12px}.stats-grid{gap:8px}.stat-card{padding:14px 12px}.stat-value{font-size:var(--font-size-lg)}.stat-label{font-size:10px}.welcome-banner{padding:16px}.welcome-banner h2{font-size:var(--font-size-sm)}.welcome-banner p{font-size:var(--font-size-xs)}.lead-topbar{flex-direction:column;align-items:stretch}.lead-topbar-name{flex-wrap:wrap}.lead-topbar-name h2{font-size:var(--font-size-sm)}.kanban-board{scroll-snap-type:x mandatory;gap:10px;padding-bottom:12px}.kanban-column{scroll-snap-align:center;min-width:calc(100vw - 40px);max-width:calc(100vw - 40px)}.kanban-column-cards{max-height:calc(100vh - 300px)}.chat-container{height:calc(100vh - 136px)}.chat-bubble{max-width:92%;font-size:var(--font-size-xs);padding:10px 12px}.chat-messages{gap:6px;padding:8px}.btn{font-size:var(--font-size-xs);padding:8px 16px}.btn-sm{padding:6px 12px}.btn-icon{width:32px;height:32px}.badge{padding:2px 8px;font-size:10px}.conv-row{gap:10px;padding:10px 12px}.conv-avatar{width:32px;height:32px;font-size:11px}.conv-name{font-size:var(--font-size-xs)}.conv-preview{font-size:10px}.conv-badge{padding:1px 6px;font-size:9px}.activity-item{gap:10px;padding:10px 0}.activity-icon{width:32px;height:32px;font-size:14px}.activity-text{font-size:var(--font-size-xs)}.empty-state{padding:40px 16px}.sidebar{width:280px}.sidebar-logo{padding:18px 18px 16px}.sidebar-nav{padding:12px 8px}.sidebar-link{font-size:var(--font-size-xs);padding:9px 12px}.sidebar-user{padding:12px}.lead-meta-row{padding:8px 0}.lead-avatar{width:48px;height:48px;font-size:var(--font-size-lg)}.analysis-stats-row{gap:8px;padding:8px 12px;font-size:11px}}@media (max-width:393px){.stats-grid{grid-template-columns:1fr 1fr;gap:6px}.stat-card{padding:12px 10px}.stat-value{font-size:var(--font-size-md)}.kanban-column{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.topbar-actions .search-wrapper{display:none}.conv-filters{gap:3px}.conv-filter-btn{padding:4px 8px;font-size:10px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.sidebar{padding-bottom:env(safe-area-inset-bottom)}.page-content{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.chat-container{padding-bottom:env(safe-area-inset-bottom)}}@media (hover:none) and (pointer:coarse){.kanban-card:hover{border-color:#0000;transform:none;box-shadow:0 1px 3px #0000000a}.kanban-card:active{border-color:var(--color-primary);background:var(--color-primary-subtle)}.stat-card:hover{box-shadow:var(--shadow-card);transform:none}.conv-row:hover{background:0 0}.conv-row:active{background:var(--color-primary-subtle)}.conv-take-btn{opacity:1}}.settings-field{flex-direction:column;gap:4px;display:flex}.settings-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.settings-input{border:1.5px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:10px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.settings-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0053ff14}.settings-input::placeholder{color:var(--color-text-muted);opacity:.5}.settings-input[type=number]{-moz-appearance:textfield}.settings-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.settings-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.settings-help{color:var(--color-text-muted);margin-top:2px;font-size:11px;line-height:1.4}.settings-verified-badge{color:#22c55e;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.settings-smtp-result{border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600}.settings-smtp-result.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.settings-smtp-result.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.email-chips-wrapper{border:1.5px solid var(--color-border);background:var(--color-bg);cursor:text;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:6px 10px;transition:border-color .2s,box-shadow .2s;display:flex}.email-chips-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #0053ff14}.email-chip{background:var(--color-primary-subtle);color:var(--color-primary);white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 6px 3px 10px;font-size:12px;font-weight:500;line-height:1;animation:.2s chipIn;display:inline-flex}@keyframes chipIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.email-chip-remove{width:16px;height:16px;color:var(--color-primary);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:opacity .15s,background .15s;display:inline-flex}.email-chip-remove:hover{opacity:1;background:#0053ff1f}.email-chips-input{min-width:140px;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:2px 0;font-family:inherit;font-size:13px}.email-chips-input::placeholder{color:var(--color-text-muted);opacity:.5}