@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";html,body,#root{box-sizing:border-box;background-color:#090d16;width:100%;height:100%;margin:0;padding:0}*,:before,:after{box-sizing:inherit}:root{--bg-primary:#090d16;--bg-secondary:#0f172a;--bg-surface:#1e293b;--bg-surface-hover:#334155;--border-color:#33415560;--text-primary:#f8fafc;--text-muted:#94a3b8;--text-dark:#0f172a;--accent-blue:#3b82f6;--accent-purple:#a855f7;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-cyan:#06b6d4;--sidebar-width:260px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 20px -2px #0000004d;--shadow-lg:0 10px 30px -5px #00000080;--glass-bg:#1e293bb3;--glass-border:#ffffff0d;--glass-filter:blur(12px);--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600}.scrollable::-webkit-scrollbar{width:6px;height:6px}.scrollable-h::-webkit-scrollbar{width:6px;height:6px}.scrollable::-webkit-scrollbar-track{background:0 0}.scrollable-h::-webkit-scrollbar-track{background:0 0}.scrollable::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.scrollable-h::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.scrollable::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.scrollable-h::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{background:radial-gradient(circle at 100% 0,#a855f71a 0%,#090d16 60%);width:100vw;height:100vh;display:flex}.main-content{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;height:100%;padding:1.5rem 1rem;display:flex}.sidebar-brand{align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:0 .5rem;display:flex}.brand-logo{font-size:1.75rem}.brand-name h2{background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.version-badge{background-color:var(--bg-surface);color:var(--accent-cyan);border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.connection-pill-container{margin-bottom:2rem;padding:0 .5rem}.connection-pill{border:1px solid var(--border-color);background-color:#0f172a99;border-radius:30px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.status-dot{background-color:var(--text-muted);border-radius:50%;width:8px;height:8px}.connected .status-dot{background-color:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.qr .status-dot,.connecting .status-dot{background-color:var(--accent-orange);animation:1.5s infinite pulse-orange}.disconnected .status-dot,.error .status-dot{background-color:var(--accent-red)}.sidebar-menu{flex-direction:column;flex:1;gap:.35rem;display:flex}.menu-item{color:var(--text-muted);cursor:pointer;font-family:var(--font-body);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.menu-item:hover{background-color:var(--bg-surface);color:var(--text-primary)}.menu-item.active{background:linear-gradient(135deg, var(--accent-blue) 0%, #3b82f666 100%);color:var(--text-primary);box-shadow:0 4px 15px -3px #3b82f666}.menu-icon{flex-shrink:0}.menu-badge{color:var(--accent-orange);background-color:#f59e0b26;border:1px solid #f59e0b4d;border-radius:30px;margin-left:auto;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem}.user-profile{align-items:center;gap:.75rem;padding:.5rem;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-blue) 100%);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{font-size:.85rem;font-weight:600}.user-role{color:var(--text-muted);font-size:.75rem}.view-header{border-bottom:1px solid var(--border-color);padding:1.5rem 2rem}.view-header h1{margin-bottom:.25rem;font-size:1.75rem}.view-header p{color:var(--text-muted);font-size:.9rem}.btn-primary{background:linear-gradient(135deg, var(--accent-blue) 0%, #1e40af 100%);color:#fff;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;transition:transform .2s,opacity .2s;display:flex}.btn-primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--bg-surface-hover);color:var(--text-primary);border:1px solid var(--border-color);font-weight:600;font-family:var(--font-body);cursor:pointer;border-radius:8px;padding:.5rem 1.25rem;transition:background-color .2s}.btn-secondary:hover{background-color:var(--border-color)}.divider-h{background-color:var(--border-color);width:100%;height:1px;margin:1.5rem 0}.dashboard-view{flex:1;padding-bottom:2rem;overflow-y:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;padding:1.5rem 2rem;display:grid}.stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;transition:transform .3s;display:flex}.stat-card:hover{border-color:#ffffff1a;transform:translateY(-3px)}.stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrapper.blue{color:var(--accent-blue);background-color:#3b82f626}.stat-icon-wrapper.orange{color:var(--accent-orange);background-color:#f59e0b26}.stat-icon-wrapper.green{color:var(--accent-green);background-color:#10b98126}.stat-icon-wrapper.purple{color:var(--accent-purple);background-color:#a855f726}.stat-content{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);font-size:.8rem}.stat-content h3{margin:.1rem 0;font-size:1.5rem;font-weight:700}.stat-subtext{color:var(--text-muted);font-size:.7rem}.dashboard-charts-layout{grid-template-columns:1.2fr 1fr;gap:1.5rem;padding:0 2rem;display:grid}@media (width<=900px){.dashboard-charts-layout{grid-template-columns:1fr}}.chart-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:16px;padding:1.5rem}.chart-panel h3{margin-bottom:.1rem;font-size:1.1rem}.panel-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.8rem}.funnel-container{flex-direction:column;gap:.9rem;display:flex}.funnel-stage-row{align-items:center;font-size:.85rem;display:flex}.stage-name-col{align-items:center;gap:.5rem;width:140px;display:flex}.stage-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.stage-bar-col{flex:1;margin:0 1rem}.stage-bar-wrapper{background-color:var(--bg-primary);border-radius:10px;width:100%;height:14px;overflow:hidden}.stage-bar{border-radius:10px;height:100%;transition:width 1s cubic-bezier(.1,.8,.2,1)}.stage-count-col{text-align:right;justify-content:flex-end;align-items:center;gap:.25rem;width:60px;display:flex}.stage-pct{color:var(--text-muted);font-size:.75rem}.performance-metrics{flex-direction:column;gap:1rem;display:flex}.metric-box{align-items:center;gap:1.5rem;display:flex}.metric-circle-progress{width:70px;height:70px}.circular-chart{max-width:100%;max-height:100%;display:block}.circle-bg{fill:none;stroke:var(--bg-primary);stroke-width:3.8px}.circle{fill:none;stroke-width:3.8px;stroke-linecap:round;transition:stroke-dasharray 1s}.circular-chart.green .circle{stroke:var(--accent-green)}.percentage{fill:var(--text-primary);font-family:var(--font-heading);text-anchor:middle;font-size:.65rem;font-weight:700}.metric-details h4{margin-bottom:.2rem;font-size:.95rem}.metric-details p{color:var(--text-muted);font-size:.75rem}.recent-notes-section h4{margin-bottom:.75rem;font-size:.95rem}.notes-timeline{flex-direction:column;gap:.75rem;display:flex}.timeline-item{background-color:var(--bg-surface);border-left:3px solid var(--accent-blue);border-radius:8px;padding:.75rem}.timeline-header{justify-content:space-between;margin-bottom:.25rem;font-size:.75rem;display:flex}.timeline-header strong{color:var(--text-primary)}.note-date{color:var(--text-muted)}.timeline-body{color:var(--text-muted);font-size:.8rem;line-height:1.3}.no-data-msg{color:var(--text-muted);text-align:center;padding:1rem 0;font-size:.8rem}.chats-view-layout{flex:1;height:100%;display:flex;overflow:hidden}.contacts-sidebar{border-right:1px solid var(--border-color);background-color:var(--bg-secondary);flex-direction:column;width:320px;height:100%;display:flex}.contacts-sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:1rem;display:flex}.search-box-wrapper{background-color:var(--bg-surface);border:1px solid #0000;border-radius:8px;flex:1;align-items:center;padding:.4rem .75rem;display:flex}.search-box-wrapper:focus-within{border-color:var(--accent-blue)}.search-icon{color:var(--text-muted);margin-right:.5rem}.search-box-wrapper input{color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.btn-icon-primary{background-color:var(--bg-surface);width:36px;height:36px;color:var(--accent-blue);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon-primary:hover{background-color:var(--accent-blue);color:#fff}.contacts-list{flex:1;overflow-y:auto}.no-contacts-msg{text-align:center;color:var(--text-muted);padding:2rem;font-size:.85rem}.contact-item-card{cursor:pointer;border-bottom:1px solid #3341554d;align-items:center;gap:.75rem;padding:.9rem 1rem;transition:background-color .2s;display:flex}.contact-item-card:hover{background-color:var(--bg-surface)}.contact-item-card.active{border-left:3px solid var(--accent-blue);background-color:#3b82f61a}.contact-avatar-icon{width:44px;height:44px;font-family:var(--font-heading);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.contact-card-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.contact-card-row-1{justify-content:space-between;align-items:center;display:flex}.contact-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.contact-card-time{color:var(--text-muted);font-size:.7rem}.contact-card-row-2{justify-content:space-between;align-items:center;display:flex}.contact-card-msg{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.75rem;overflow:hidden}.contact-card-badges{align-items:center;gap:.35rem;display:flex}.unread-badge{background-color:var(--accent-green);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 .25rem;font-size:.65rem;font-weight:700;display:flex}.stage-pill-mini{background-color:#ffffff0d;border-radius:30px;padding:.1rem .4rem;font-size:.6rem;font-weight:700}.chat-content-pane{background-color:var(--bg-primary);border-right:1px solid var(--border-color);background-image:radial-gradient(var(--border-color) 1px, transparent 1px);background-size:20px 20px;flex-direction:column;flex:1;height:100%;display:flex}.chat-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.chat-header-info h3{font-size:1.05rem;font-weight:600}.chat-header-phone{color:var(--text-muted);font-size:.75rem}.btn-icon-danger{width:36px;height:36px;color:var(--accent-red);cursor:pointer;background-color:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon-danger:hover{background-color:var(--accent-red);color:#fff}.chat-messages-area{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex;overflow-y:auto}.empty-chat-state{text-align:center;color:var(--text-muted);margin:auto;font-size:.85rem}.message-bubble-wrapper{width:100%;display:flex}.message-bubble-wrapper.sent{justify-content:flex-end}.message-bubble-wrapper.received{justify-content:flex-start}.message-bubble{border-radius:12px;max-width:65%;padding:.65rem .9rem;font-size:.85rem;line-height:1.4;position:relative}.sent .message-bubble{color:#fff;background-color:#0b57d0;border-bottom-right-radius:2px}.received .message-bubble{background-color:var(--bg-surface);color:var(--text-primary);border-bottom-left-radius:2px}.message-text{white-space:pre-wrap;word-break:break-word}.message-time{color:#fff9;text-align:right;margin-top:.2rem;font-size:.6rem;display:block}.received .message-time{color:var(--text-muted)}.chat-input-bar{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex;position:relative}.input-actions-wrapper{position:relative}.btn-action-reply{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-action-reply:hover,.btn-action-reply.active{color:var(--accent-blue);border-color:var(--accent-blue);background-color:#3b82f61a}.quick-replies-popover{background-color:var(--bg-surface);border:1px solid var(--border-color);width:280px;box-shadow:var(--shadow-lg);z-index:10;border-radius:12px;padding:.75rem;position:absolute;bottom:50px;left:0}.quick-replies-popover h4{color:var(--text-muted);border-bottom:1px solid var(--border-color);margin-bottom:.5rem;padding-bottom:.25rem;font-size:.8rem}.quick-replies-list{flex-direction:column;gap:.35rem;max-height:200px;display:flex;overflow-y:auto}.quick-reply-opt{text-align:left;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;width:100%;padding:.4rem .5rem;font-size:.75rem;display:flex}.quick-reply-opt:hover{background-color:var(--bg-surface-hover)}.quick-reply-opt strong{color:var(--accent-blue)}.quick-reply-opt span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-input-bar input{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);border-radius:8px;outline:none;flex:1;padding:.65rem 1rem;font-size:.85rem}.chat-input-bar input:focus{border-color:var(--accent-blue)}.btn-send-message{background-color:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.btn-send-message:hover:not(:disabled){transform:scale(1.05)}.btn-send-message:disabled{opacity:.5;cursor:not-allowed}.no-chat-selected-state{text-align:center;max-width:320px;margin:auto}.speech-icon{margin-bottom:1rem;font-size:3rem}.no-chat-selected-state p{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.crm-sidebar-panel{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);width:320px;height:100%;padding:1.25rem;overflow-y:auto}.crm-sidebar-header{border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:.5rem}.crm-sidebar-header h3{font-size:1.1rem}.crm-sidebar-form{flex-direction:column;gap:1.25rem;display:flex}.form-group-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.crm-form-input{flex-direction:column;gap:.3rem;display:flex}.crm-form-input label{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.crm-form-input input,.crm-form-input select{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);border-radius:6px;outline:none;width:100%;padding:.45rem .6rem;font-size:.8rem}.crm-form-input input:focus,.crm-form-input select:focus{border-color:var(--accent-blue)}.section-title{color:var(--text-muted);align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:.75rem;display:flex}.tags-checkbox-grid{flex-wrap:wrap;gap:.35rem;display:flex}.tag-toggle-pill{font-size:.7rem;font-family:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:30px;padding:.25rem .6rem;font-weight:600;transition:all .2s}.tag-toggle-pill.selected{color:var(--text-primary)}.btn-save-crm{background:linear-gradient(135deg, var(--accent-green) 0%, #065f46 100%);color:#fff;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;transition:opacity .2s;display:flex}.btn-save-crm:hover{opacity:.9}.notes-crm-section{margin-top:1rem}.notes-crm-section h4{margin-bottom:.75rem;font-size:.95rem}.add-note-box{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.add-note-box textarea{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);resize:vertical;border-radius:8px;outline:none;width:100%;padding:.5rem;font-size:.8rem}.add-note-box textarea:focus{border-color:var(--accent-blue)}.btn-add-note{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--accent-blue);font-family:var(--font-body);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.25rem;padding:.4rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-add-note:hover:not(:disabled){background-color:var(--accent-blue);color:#fff}.notes-list-crm{flex-direction:column;gap:.5rem;display:flex}.note-card-item{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:.25rem;padding:.65rem;display:flex}.note-card-header{justify-content:space-between;align-items:center;display:flex}.note-time{color:var(--text-muted);font-size:.65rem}.btn-delete-note{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.btn-delete-note:hover{color:var(--accent-red)}.note-text-content{color:var(--text-primary);white-space:pre-wrap;font-size:.75rem;line-height:1.35}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#090d16d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:440px;max-width:90%;box-shadow:var(--shadow-lg);border-radius:16px;padding:1.5rem}.modal-content-card h3{margin-bottom:1.25rem;font-size:1.25rem}.form-input-pair{flex-direction:column;gap:.35rem;margin-bottom:.9rem;display:flex}.form-input-pair label{color:var(--text-muted);font-size:.8rem}.form-input-pair input,.form-input-pair select{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);border-radius:8px;outline:none;width:100%;padding:.55rem .75rem;font-size:.85rem}.form-input-pair input:focus{border-color:var(--accent-blue)}.form-checkbox-pair{margin:1rem 0}.checkbox-container{cursor:pointer;color:var(--text-muted);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.modal-buttons-row{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.kanban-view{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.kanban-columns-container{flex:1;align-items:flex-start;gap:1rem;padding:1rem 2rem 2rem;display:flex;overflow-x:auto}.kanban-column{border:1px solid var(--border-color);background-color:#0f172a66;border-radius:16px;flex-direction:column;flex-shrink:0;width:280px;max-height:100%;display:flex}.kanban-column-header{border-top:3px solid var(--text-muted);border-bottom:1px solid var(--border-color);border-top-left-radius:16px;border-top-right-radius:16px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.column-title-row{align-items:center;gap:.5rem;display:flex}.column-title-row h3{font-size:.95rem;font-weight:700}.column-dot{border-radius:50%;width:6px;height:6px}.column-count-badge{background-color:var(--bg-surface);color:var(--text-primary);border-radius:10px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.kanban-column-cards{flex-direction:column;flex:1;gap:.75rem;min-height:100px;padding:.75rem;display:flex;overflow-y:auto}.empty-column-placeholder{height:80px;color:var(--text-muted);border:2px dashed #ffffff0d;border-radius:10px;justify-content:center;align-items:center;font-size:.75rem;display:flex}.kanban-card{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:grab;border-radius:12px;transition:transform .2s,border-color .2s}.kanban-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.kanban-card:active{cursor:grabbing}.kanban-card-main{flex-direction:column;gap:.4rem;padding:.85rem;display:flex}.card-lead-name{font-size:.85rem;font-weight:600}.card-detail-item{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.7rem;display:flex}.card-last-msg-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.7rem;font-style:italic;overflow:hidden}.card-tags-row{flex-wrap:wrap;gap:.25rem;margin-top:.25rem;display:flex}.card-tag-mini{color:var(--accent-blue);background-color:#3b82f626;border-radius:4px;padding:.05rem .3rem;font-size:.6rem}.card-tag-mini-plus{color:var(--text-muted);font-size:.6rem}.kanban-card-actions{border-top:1px solid #33415533;justify-content:space-between;align-items:center;padding:.35rem .5rem;display:flex}.btn-card-move{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.btn-card-move:hover:not(:disabled){color:var(--accent-blue)}.btn-card-move:disabled{opacity:.2;cursor:not-allowed}.card-action-help{font-size:.6rem}.bulk-sender-view{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.bulk-grid-layout{flex:1;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem 2rem 2rem;display:grid;overflow-y:auto}.bulk-config-panel,.bulk-status-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:16px;flex-direction:column;gap:1.25rem;height:fit-content;padding:1.5rem;display:flex}.bulk-form-section{flex-direction:column;gap:.75rem;display:flex}.filter-type-selector{gap:.35rem;display:flex}.btn-pill-opt{background-color:var(--bg-primary);color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;font-size:.75rem;font-family:var(--font-body);border-radius:30px;padding:.4rem .75rem}.btn-pill-opt.active{background-color:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.filter-select-group{flex-direction:column;gap:.25rem;display:flex}.filter-select-group label{color:var(--text-muted);font-size:.75rem}.filter-select-group select{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);border-radius:8px;outline:none;padding:.45rem .6rem;font-size:.8rem}.targets-counter-box{border:1px dashed var(--accent-blue);background-color:#3b82f60d;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem;font-size:.75rem;display:flex}.template-label-row{justify-content:space-between;align-items:center;display:flex}.variable-badges{gap:.25rem;display:flex}.var-badge{color:var(--accent-purple);font-size:.65rem;font-family:var(--font-body);cursor:pointer;background-color:#a855f726;border:1px solid #a855f74d;border-radius:4px;padding:.15rem .4rem}.var-badge:hover{background-color:var(--accent-purple);color:#fff}.bulk-textarea{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);resize:vertical;border-radius:8px;outline:none;padding:.75rem;font-size:.85rem}.anti-spam-alert{color:var(--accent-orange);background-color:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}.anti-spam-alert h5{margin-bottom:.1rem;font-size:.8rem;font-weight:700}.anti-spam-alert p{font-size:.7rem;line-height:1.3}.btn-launch-campaign{background:linear-gradient(135deg, var(--accent-purple) 0%, #6b21a8 100%);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:600;transition:opacity .2s;display:flex}.btn-launch-campaign:hover:not(:disabled){opacity:.9}.btn-launch-campaign:disabled{opacity:.5;cursor:not-allowed}.bulk-idle-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem 0;display:flex}.idle-icon{opacity:.2;margin-bottom:1rem}.bulk-progress-active{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.progress-header-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.progress-header-row h4{align-items:center;gap:.35rem;font-size:.9rem;display:flex}.finished-icon{color:var(--accent-green)}.progress-pct{font-size:.85rem;font-weight:700}.progress-bar-track{background-color:var(--bg-primary);border-radius:5px;height:10px;margin-bottom:.75rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-blue) 0%, var(--accent-purple) 100%);border-radius:5px;height:100%;transition:width .3s}.current-sending-status{gap:.35rem;font-size:.75rem;display:flex}.contact-active-name{color:var(--accent-blue);font-weight:700}.bulk-finished-success{text-align:center;color:var(--accent-green);flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.bulk-finished-success p{color:var(--text-muted);font-size:.75rem}.bulk-preview-list-container{flex-direction:column;gap:.5rem;display:flex}.bulk-preview-list-container h4{color:var(--text-muted);font-size:.85rem}.bulk-preview-list{border:1px solid var(--border-color);background-color:#090d1666;border-radius:8px;max-height:150px;padding:.5rem;overflow-y:auto}.preview-contact-item{border-bottom:1px solid #33415526;justify-content:space-between;padding:.35rem .5rem;font-size:.75rem;display:flex}.preview-contact-item:last-child{border-bottom:none}.contact-preview-phone{color:var(--text-muted)}.chatbot-view{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.chatbot-layout-grid{flex:1;padding:1.5rem 2rem 2rem;display:flex;overflow:hidden}.chatbot-rules-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:16px;flex-direction:column;flex:1;height:100%;padding:1.5rem;display:flex}.panel-header-row{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.panel-header-row.border-bottom{border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.rules-list-container{flex:1;overflow-y:auto}.empty-chatbot-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;display:flex}.chatbot-icon{opacity:.2;margin-bottom:1rem}.rules-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding-bottom:1rem;display:grid}.rule-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;transition:border-color .2s;display:flex}.rule-card.disabled{opacity:.65;border-style:dashed}.rule-card.enabled{border-left:4px solid var(--accent-green)}.rule-card-header{justify-content:space-between;align-items:center;display:flex}.keyword-badge{color:var(--text-muted);flex-direction:column;font-size:.7rem;display:flex}.keyword-badge strong{color:var(--text-primary);font-size:.85rem}.rule-card-actions{align-items:center;gap:.35rem;display:flex}.btn-toggle-status{cursor:pointer;background:0 0;border:none}.btn-toggle-status.on{color:var(--accent-green)}.btn-toggle-status.off{color:var(--text-muted)}.btn-icon-danger-mini{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.btn-icon-danger-mini:hover{color:var(--accent-red)}.rule-card-body{background-color:var(--bg-primary);border-radius:8px;align-items:flex-start;gap:.5rem;padding:.65rem;display:flex}.body-icon{color:var(--accent-blue);flex-shrink:0;margin-top:.15rem}.response-text{color:var(--text-muted);font-size:.75rem;font-style:italic;line-height:1.35}.form-checkbox-pair label{align-items:center;display:flex}.settings-view{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.settings-grid-layout{flex:1;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem 2rem 2rem;display:grid;overflow-y:auto}.settings-section-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:16px;flex-direction:column;gap:1.25rem;height:fit-content;padding:1.5rem;display:flex}.settings-section-card.full-width{grid-column:span 2}@media (width<=900px){.settings-section-card.full-width{grid-column:span 1}.settings-grid-layout{grid-template-columns:1fr}}.card-header-icon-row{align-items:center;gap:.5rem;display:flex}.section-icon.text-blue{color:var(--accent-blue)}.section-icon.text-orange{color:var(--accent-orange)}.section-icon.text-purple{color:var(--accent-purple)}.simulation-mode-toggle-box{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.toggle-info h4{margin-bottom:.15rem;font-size:.9rem}.toggle-info p{color:var(--text-muted);max-width:280px;font-size:.75rem}.btn-toggle-switch{cursor:pointer;border:none;border-radius:30px;width:48px;height:24px;padding:2px;transition:background-color .2s;position:relative}.btn-toggle-switch.on{background-color:var(--accent-green)}.btn-toggle-switch.off{background-color:var(--bg-surface-hover)}.switch-handle{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px}.btn-toggle-switch.on .switch-handle{left:26px}.btn-toggle-switch.off .switch-handle{left:2px}.simulation-active-badge{color:var(--accent-green);background-color:#10b9810d;border:1px solid #10b98133;border-radius:8px;align-items:flex-start;gap:.5rem;padding:.75rem;font-size:.75rem;display:flex}.connection-status-panel{text-align:center;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;align-items:center;margin-top:1rem;padding:1.5rem;display:flex}.connection-status-panel.connected{border-color:var(--accent-green);color:var(--accent-green)}.connection-status-panel.connected p{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.connection-status-panel.connecting{border-color:var(--accent-orange);color:var(--accent-orange)}.connection-status-panel.connecting p{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.connection-status-panel.disconnected{border-color:var(--accent-red)}.connection-status-panel.disconnected h5{color:var(--accent-red)}.connection-status-panel.disconnected p{color:var(--text-muted);margin-bottom:1rem;font-size:.75rem}.status-icon{margin-bottom:.5rem}.status-icon.spin{animation:2s linear infinite spin}.qr-code-panel h5{margin-bottom:.25rem;font-size:.95rem}.qr-code-panel p{color:var(--text-muted);margin-bottom:1rem;font-size:.75rem}.qr-image-wrapper{background-color:#fff;border-radius:12px;margin-bottom:1rem;padding:1rem;display:inline-block}.qr-image-wrapper img{display:block}.qr-instructions{text-align:left;color:var(--text-muted);font-size:.75rem}.qr-instructions ol{flex-direction:column;gap:.25rem;padding-left:1rem;display:flex}.inline-settings-form{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:.5rem}.form-row-inputs{align-items:center;gap:.5rem;display:flex}.form-row-inputs input[type=text]{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:.35rem .5rem;font-size:.75rem}.form-row-inputs input[type=color]{cursor:pointer;background:0 0;border:none;width:32px;height:32px}.btn-primary-mini{background-color:var(--accent-blue);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:6px;padding:.3rem .6rem;font-size:.7rem;font-weight:600}.tags-settings-list{flex-direction:column;gap:.5rem;max-height:200px;display:flex;overflow-y:auto}.tag-settings-item{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.tag-preview-group{align-items:center;gap:.5rem;display:flex}.tag-color-preview-dot{border-radius:50%;width:10px;height:10px}.tag-preview-name{font-size:.8rem}.btn-delete-item-mini{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.btn-delete-item-mini:hover{color:var(--accent-red)}.add-qr-template-form{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.form-buttons-row-inline{justify-content:flex-end;gap:.5rem;display:flex}.btn-secondary-mini{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background-color:#0000;border-radius:6px;padding:.35rem .75rem;font-size:.75rem}.quick-replies-settings-list{margin-top:.5rem}.qr-settings-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.qr-settings-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.qr-card-title-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:.25rem;display:flex}.qr-card-title-row h4{color:var(--accent-blue);font-size:.85rem}.qr-card-text{color:var(--text-muted);font-size:.75rem;font-style:italic;line-height:1.4}@keyframes pulse-orange{0%{transform:scale(.95);box-shadow:0 0 #f59e0bb3}70%{transform:scale(1);box-shadow:0 0 0 6px #f59e0b00}to{transform:scale(.95);box-shadow:0 0 #f59e0b00}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1.5s linear infinite spin}