:root{--bg-main:#0a0e17;--bg-card:rgba(20,30,48,.7);--bg-sidebar:#0f172a;--border-color:hsla(0,0%,100%,.08);--color-primary:#10b981;--color-primary-hover:#059669;--color-gemini:#6366f1;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--color-msg-user:#1e293b;--color-msg-bot:#312e81;--color-msg-agent:#064e3b;--glass-shadow:0 8px 32px 0 rgba(0,0,0,.37);--font-sans:"Outfit","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--color-text-main);font-family:var(--font-sans);height:100vh;overflow:hidden;background-image:radial-gradient(at 0 0,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(at 100% 0,rgba(16,185,129,.1) 0,transparent 50%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.dashboard-container{display:flex;height:100vh;width:100vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar{width:320px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-shrink:0}.sidebar,.sidebar-header{display:flex;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);gap:12px}.brand{display:flex;align-items:center;gap:8px}.brand h1{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#10b981,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.status-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:500;background:hsla(0,0%,100%,.03);border:1px solid var(--border-color)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background-color:#10b981;box-shadow:0 0 10px #10b981}.status-dot.qr{background-color:#f59e0b;box-shadow:0 0 10px #f59e0b}.status-dot.connecting{background-color:#3b82f6;box-shadow:0 0 10px #3b82f6;animation:pulse 1.5s infinite}.status-dot.disconnected{background-color:#ef4444;box-shadow:0 0 10px #ef4444}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.chat-list{flex:1 1;overflow-y:auto;padding:10px 0}.chat-item{padding:14px 20px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid hsla(0,0%,100%,.02)}.chat-item.active,.chat-item:hover{background-color:hsla(0,0%,100%,.04)}.chat-item.active{border-left:3px solid var(--color-primary)}.chat-item-header{display:flex;justify-content:space-between;align-items:center}.chat-name{font-weight:600;font-size:.95rem;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.chat-time{font-size:.75rem}.chat-preview,.chat-time{color:var(--color-text-muted)}.chat-preview{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-badges{display:flex;gap:6px;margin-top:4px}.badge{font-size:.7rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600}.badge.ai{background:rgba(99,102,241,.15);color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.badge.human{background:rgba(16,185,129,.15);color:#a7f3d0;border:1px solid rgba(16,185,129,.3)}.main-chat{flex:1 1;display:flex;flex-direction:column;background-color:rgba(10,15,26,.45)}.chat-header{height:70px;padding:0 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:rgba(15,23,42,.3)}.chat-info h2{font-size:1.1rem;font-weight:600}.chat-info p{font-size:.75rem;color:var(--color-text-muted)}.chat-actions{display:flex;align-items:center;gap:12px}.toggle-container{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.03);padding:4px 8px;border-radius:8px;border:1px solid var(--border-color)}.toggle-label{font-size:.8rem;font-weight:600}.switch-btn{background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);color:var(--color-text-muted);padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.switch-btn.active.ai{background-color:var(--color-gemini);color:#fff;border-color:var(--color-gemini);box-shadow:0 0 10px rgba(99,102,241,.4)}.switch-btn.active.human{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 10px rgba(16,185,129,.4)}.messages-area{overflow-y:auto;padding:24px}.messages-area,.no-chat-selected{flex:1 1;display:flex;flex-direction:column;gap:16px}.no-chat-selected{align-items:center;justify-content:center;color:var(--color-text-muted)}.no-chat-icon{font-size:3rem;opacity:.3}.message-row{display:flex;width:100%}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}.message-bubble{max-width:65%;padding:12px 16px;border-radius:14px;font-size:.9rem;line-height:1.4;position:relative}.message-row.incoming .message-bubble{background-color:var(--color-msg-user);color:var(--color-text-main);border-bottom-left-radius:4px;border:1px solid hsla(0,0%,100%,.03)}.message-row.outgoing .message-bubble.bot{background-color:var(--color-msg-bot);color:var(--color-text-main);border-bottom-right-radius:4px;border:1px solid rgba(99,102,241,.2)}.message-row.outgoing .message-bubble.agent{background-color:var(--color-msg-agent);color:var(--color-text-main);border-bottom-right-radius:4px;border:1px solid rgba(16,185,129,.2)}.message-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:.7rem;color:hsla(0,0%,100%,.4);margin-top:4px}.message-sender-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;display:block}.message-sender-tag.bot{color:#c7d2fe}.message-sender-tag.agent{color:#a7f3d0}.chat-footer{padding:16px 24px;border-top:1px solid var(--border-color);background:rgba(15,23,42,.3)}.input-form{display:flex;gap:12px}.message-input{flex:1 1;background-color:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;color:#fff;font-family:var(--font-sans);font-size:.9rem;outline:none;transition:border-color .2s ease}.message-input:focus{border-color:var(--color-primary)}.message-input:disabled{opacity:.5;cursor:not-allowed}.send-btn{background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:0 24px;font-weight:600;cursor:pointer;transition:all .2s ease}.send-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.right-panel{width:340px;background-color:var(--bg-sidebar);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.panel-section{padding:24px;border-bottom:1px solid var(--border-color)}.panel-section h3{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:16px}.qr-container{flex-direction:column;padding:16px;background:hsla(0,0%,100%,.02);border-radius:12px;border:1px solid var(--border-color);text-align:center}.qr-container,.qr-placeholder{display:flex;align-items:center;justify-content:center}.qr-placeholder{width:200px;height:200px;background:#fff;padding:10px;border-radius:8px}.qr-container p{font-size:.8rem;color:var(--color-text-muted);margin-top:12px}.connected-card{padding:16px;background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.2);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px}.connected-card h4{color:#10b981;font-weight:600}.settings-form{gap:16px}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.form-input,.form-select,.form-textarea{background-color:hsla(0,0%,100%,.04);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;color:#fff;font-family:var(--font-sans);font-size:.85rem;outline:none;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-gemini)}.form-textarea{resize:vertical;min-height:100px}.save-settings-btn{background:linear-gradient(135deg,var(--color-gemini) 0,#4338ca 100%);color:#fff;border:none;border-radius:8px;padding:12px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.save-settings-btn:hover{filter:brightness(1.1);box-shadow:0 0 15px rgba(99,102,241,.3)}.save-settings-btn:disabled{opacity:.5;cursor:not-allowed}.alert-message{padding:10px;border-radius:6px;font-size:.8rem;text-align:center}.alert-message.success{background-color:rgba(16,185,129,.1);color:#a7f3d0;border:1px solid rgba(16,185,129,.2)}.alert-message.error{background-color:rgba(239,68,68,.1);color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.lead-status-btn{padding:8px;font-size:.75rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.7)}.lead-status-btn.active.pending{border-color:rgba(255,165,0,.4);background:rgba(255,165,0,.15);color:orange}.lead-status-btn.active.called{border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.15);color:#60a5fa}.lead-status-btn.active.closed_sale{border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.15);color:#34d399}.lead-status-btn.active.no_interest{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.15);color:#f87171}.badge.lead-status{text-transform:none}