:root{--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--bg-app:#f4f6f8;--bg-sidebar:#fff;--bg-surface:#fff;--bg-chat-area:#eaeef2;--bg-chat-bubble-self:#d2e3f3;--bg-chat-bubble-other:#fff;--bg-card:#fffc;--border-light:#0000000f;--border-medium:#0000001f;--brand-blue:#507ba6;--brand-blue-hover:#3f668f;--brand-blue-light:#507ba61f;--brand-gray:#8a8782;--brand-gray-dark:#5a5958;--brand-whatsapp:var(--brand-blue);--brand-whatsapp-hover:var(--brand-blue-hover);--brand-whatsapp-light:var(--brand-blue-light);--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#0ea5e9;--text-main:#1e293b;--text-muted:#64748b;--text-dimmed:#94a3b8;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #0000001a;--shadow-md:0 4px 16px #0000000f, 0 2px 4px #0000000a;--shadow-lg:0 16px 40px #00000014, 0 4px 12px #00000008;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-app);height:100%;color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;overflow:hidden}input,button,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#0000001f}::-webkit-scrollbar-thumb:hover{background:#00000040}.glassmorphism{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light)}.gradient-bg-animate{background:linear-gradient(135deg,#f4f6f8 0%,#e2e8f0 50%,#dbeafe 100%) 0 0/400% 400%;animation:15s infinite gradientMove}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-right{animation:slideInRight var(--transition-normal) forwards}.app-container{background-color:var(--bg-app);width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-light);-webkit-user-select:none;user-select:none;z-index:10;flex-direction:column;justify-content:space-between;width:260px;height:100%;display:flex}.sidebar-header{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:24px;display:flex}.sidebar-logo{font-family:var(--font-display);letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-main) 30%, var(--brand-whatsapp) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.sidebar-logo-dot{background-color:var(--brand-whatsapp);border-radius:var(--radius-full);width:8px;height:8px;box-shadow:0 0 8px var(--brand-whatsapp)}.sidebar-menu{flex-direction:column;flex:1;gap:6px;padding:24px 16px;display:flex}.sidebar-item{color:var(--text-muted);border-radius:var(--radius-md);transition:var(--transition-fast);text-align:left;align-items:center;gap:12px;width:100%;padding:12px 16px;font-weight:500;display:flex}.sidebar-item:hover{color:var(--text-main);background-color:#ffffff0a}.sidebar-item.active{background-color:var(--brand-whatsapp-light);color:var(--brand-whatsapp);font-weight:600}.sidebar-item-icon{width:20px;height:20px}.sidebar-footer{border-top:1px solid var(--border-light);background-color:#00000026;flex-direction:column;gap:12px;padding:20px 16px;display:flex}.sidebar-profile{align-items:center;gap:12px;display:flex}.sidebar-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand-whatsapp) 0%, #005c4b 100%);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-username{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.sidebar-company{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar-logout-btn{width:100%;color:var(--color-danger);border-radius:var(--radius-sm);transition:var(--transition-fast);background-color:#ef44441a;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:600;display:flex}.sidebar-logout-btn:hover{background-color:var(--color-danger);color:#fff}.onboarding-wrapper{justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;overflow-y:auto}.onboarding-card{border-radius:var(--radius-lg);width:1000px;max-width:100%;box-shadow:var(--shadow-lg);background-color:var(--bg-surface);border:1px solid var(--border-light);grid-template-columns:1.2fr 1.1fr;min-height:620px;display:grid;overflow:hidden}.onboarding-info-side{color:#fff;background:linear-gradient(135deg,#507ba6 0%,#325270 100%);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.onboarding-info-side:after{content:"";border-radius:var(--radius-full);pointer-events:none;background:#ffffff0d;width:300px;height:300px;position:absolute;top:-20%;right:-20%}.info-logo{font-family:var(--font-display);align-items:center;gap:10px;font-size:28px;font-weight:800;display:flex}.info-content{margin:40px 0}.info-title{font-family:var(--font-display);margin-bottom:20px;font-size:32px;font-weight:700;line-height:1.2}.info-features{flex-direction:column;gap:20px;display:flex}.info-feature-item{align-items:flex-start;gap:16px;display:flex}.info-feature-icon-wrapper{border-radius:var(--radius-md);background-color:#ffffff26;justify-content:center;align-items:center;padding:8px;display:flex}.info-feature-text h4{margin-bottom:4px;font-size:16px;font-weight:600}.info-feature-text p{color:#ffffffd9;font-size:13.5px;line-height:1.4}.info-footer{color:#ffffffb3;font-size:13px}.onboarding-form-side{background-color:#fff;flex-direction:column;justify-content:center;padding:40px 48px;display:flex}.form-header{margin-bottom:24px}.form-title{font-family:var(--font-display);color:var(--text-main);margin-bottom:6px;font-size:26px;font-weight:700}.form-subtitle{color:var(--text-muted);font-size:14px}.form-grid{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.form-group{width:100%}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.form-input-icon{color:var(--text-dimmed);position:absolute;left:14px}.form-input{border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition-fast);background-color:#fff;border:1px solid #cbd5e1;outline:none;padding:11px 14px 11px 42px}.form-input:focus{border-color:var(--brand-blue);background-color:#fff;box-shadow:0 0 0 3px #507ba626}.form-select{border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition-fast);appearance:none;background-color:#fff;border:1px solid #cbd5e1;outline:none;padding:11px 14px 11px 42px}.form-select:focus{border-color:var(--brand-blue);background-color:#fff;box-shadow:0 0 0 3px #507ba626}.form-select option{color:var(--text-main);background-color:#fff}.submit-btn{background-color:var(--brand-blue);color:#fff;border-radius:var(--radius-md);width:100%;transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:600;display:flex;box-shadow:0 4px 12px #507ba633}.submit-btn:hover{background-color:var(--brand-blue-hover);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}@media (width<=900px){.onboarding-card{grid-template-columns:1fr}.onboarding-info-side{display:none}}.chat-layout{background-color:var(--bg-app);grid-template-columns:320px 1fr 300px;width:100%;height:100%;display:grid;overflow:hidden}.conversations-sidebar{border-right:1px solid var(--border-light);background-color:var(--bg-sidebar);flex-direction:column;height:100%;display:flex}.conversations-header-section{border-bottom:1px solid var(--border-light);padding:16px}.conversations-search-wrapper{align-items:center;margin-top:12px;display:flex;position:relative}.conversations-search-icon{color:var(--text-dimmed);position:absolute;left:12px}.conversations-search-input{border-radius:var(--radius-sm);width:100%;color:var(--text-main);background-color:#fff;border:1px solid #cbd5e1;outline:none;padding:8px 12px 8px 36px;font-size:13.5px}.conversations-search-input:focus{border-color:var(--brand-whatsapp)}.conversations-tabs{border-bottom:1px solid var(--border-light);gap:8px;padding:8px 16px;display:flex}.conversations-tab-btn{color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition-fast);flex:1;padding:6px;font-size:12.5px;font-weight:600}.conversations-tab-btn:hover{color:var(--text-main);background-color:#ffffff08}.conversations-tab-btn.active{background-color:var(--brand-whatsapp-light);color:var(--brand-whatsapp)}.conversations-list{flex:1;overflow-y:auto}.conversation-item{border-bottom:1px solid var(--border-light);cursor:pointer;transition:var(--transition-fast);text-align:left;gap:12px;width:100%;padding:12px 16px;display:flex}.conversation-item:hover{background-color:#ffffff05}.conversation-item.active{background-color:#ffffff0d}.conversation-avatar{border-radius:var(--radius-full);background-color:var(--bg-surface);width:44px;height:44px;color:var(--brand-whatsapp);border:2px solid var(--border-light);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.conversation-details-brief{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.conversation-name-time{justify-content:space-between;align-items:baseline;display:flex}.conversation-contact-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.conversation-time{color:var(--text-dimmed);font-size:11px}.conversation-last-msg{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.conversation-badges{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.queue-badge{border-radius:var(--radius-full);text-transform:uppercase;padding:1px 6px;font-size:9px;font-weight:700}.tag-badge{border-radius:var(--radius-sm);color:var(--text-muted);background-color:#ffffff1a;padding:1px 6px;font-size:9px;font-weight:600}.chat-central-area{background-color:var(--bg-chat-area);flex-direction:column;height:100%;display:flex;position:relative}.chat-central-area:before{content:"";pointer-events:none;opacity:.6;background-image:radial-gradient(#00a88408 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.chat-header{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-light);z-index:1;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.chat-contact-info-header{align-items:center;gap:12px;display:flex}.chat-contact-title{font-size:15px;font-weight:600}.chat-contact-subtitle{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.chat-contact-connection{color:var(--brand-whatsapp);font-weight:600}.chat-header-actions{gap:12px;display:flex}.kanban-move-btn{background-color:var(--brand-whatsapp-light);color:var(--brand-whatsapp);border-radius:var(--radius-sm);transition:var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.kanban-move-btn:hover{background-color:var(--brand-whatsapp);color:#fff}.chat-messages-container{z-index:1;flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message-bubble-row{width:100%;display:flex}.message-bubble-row.self{justify-content:flex-end}.message-bubble-row.other{justify-content:flex-start}.message-bubble{border-radius:var(--radius-md);max-width:60%;box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:8px 12px;display:flex;position:relative}.message-bubble.self{background-color:var(--bg-chat-bubble-self);color:var(--text-main);border-top-right-radius:2px}.message-bubble.other{background-color:var(--bg-chat-bubble-other);color:var(--text-main);border-top-left-radius:2px}.message-text{word-break:break-word;font-size:13.5px;line-height:1.4}.message-media-preview{border-radius:var(--radius-sm);background-color:#0003;border:1px solid #ffffff0d;margin-bottom:4px;overflow:hidden}.message-image{max-width:100%;max-height:200px;display:block}.message-doc{background-color:#00000026;align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}.message-s3-badge{color:#fb923c;border-radius:var(--radius-sm);background-color:#fb923c1f;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:2px 6px;font-size:9.5px;font-weight:700;display:inline-flex}.message-info-meta{color:#ffffff73;justify-content:flex-end;align-self:flex-end;align-items:center;gap:4px;font-size:10px;display:flex}.message-status-icon{display:flex}.message-status-icon.read{color:#53bdeb}.chat-input-bar{background-color:var(--bg-sidebar);border-top:1px solid var(--border-light);z-index:10;align-items:center;gap:12px;padding:12px 20px;display:flex;position:relative}.chat-attachment-btn{color:var(--text-muted);border-radius:var(--radius-full);transition:var(--transition-fast);padding:8px}.chat-attachment-btn:hover{color:var(--text-main);background-color:#ffffff0d}.chat-input-wrapper{flex:1;position:relative}.chat-text-input{border-radius:var(--radius-md);width:100%;color:var(--text-main);background-color:#fff;border:1px solid #cbd5e1;outline:none;padding:10px 16px;font-size:13.5px}.chat-text-input:focus{border-color:var(--brand-blue);background-color:#fff;box-shadow:0 0 0 3px #507ba626}.chat-send-btn{background-color:var(--brand-whatsapp);color:#fff;border-radius:var(--radius-full);width:38px;height:38px;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{background-color:var(--brand-whatsapp-hover);transform:scale(1.05)}.quick-replies-popover{background-color:var(--bg-sidebar);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;max-height:200px;margin-bottom:8px;animation:.15s forwards fadeIn;position:absolute;bottom:100%;left:20px;right:20px;overflow-y:auto}.quick-reply-popover-item{text-align:left;border-bottom:1px solid var(--border-light);width:100%;transition:var(--transition-fast);flex-direction:column;padding:10px 16px;display:flex}.quick-reply-popover-item:last-child{border-bottom:none}.quick-reply-popover-item:hover,.quick-reply-popover-item.active{background-color:#ffffff0d}.quick-reply-shortcut{color:var(--brand-whatsapp);font-size:12.5px;font-weight:600}.quick-reply-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.chat-details-panel{border-left:1px solid var(--border-light);background-color:var(--bg-sidebar);flex-direction:column;gap:24px;height:100%;padding:24px 16px;display:flex;overflow-y:auto}.details-section-title{color:var(--text-dimmed);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:700}.contact-profile-card{text-align:center;border-bottom:1px solid var(--border-light);flex-direction:column;align-items:center;padding-bottom:24px;display:flex}.contact-profile-avatar{border-radius:var(--radius-full);background-color:var(--bg-surface);width:72px;height:72px;color:var(--brand-whatsapp);border:3px solid var(--border-light);justify-content:center;align-items:center;margin-bottom:12px;font-size:24px;font-weight:700;display:flex}.contact-profile-name{margin-bottom:4px;font-size:16px;font-weight:600}.contact-profile-phone{color:var(--text-muted);font-size:13px}.tags-section-wrapper{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tag-interactive-badge{border-radius:var(--radius-sm);background-color:var(--bg-surface);border:1px solid var(--border-light);align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.remove-tag-btn{color:var(--text-dimmed);transition:var(--transition-fast)}.remove-tag-btn:hover{color:var(--color-danger)}.add-tag-select-wrapper{gap:8px;display:flex}.add-tag-select{border-radius:var(--radius-sm);background-color:#fff;border:1px solid #cbd5e1;outline:none;flex:1;padding:6px;font-size:12px}.tasks-section-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.task-item-row{border-radius:var(--radius-sm);transition:var(--transition-fast);background-color:#00000008;align-items:flex-start;gap:10px;padding:8px;font-size:12.5px;display:flex}.task-item-row.completed{opacity:.65}.task-checkbox{cursor:pointer;margin-top:3px}.task-title-text{flex:1;line-height:1.3}.task-item-row.completed .task-title-text{color:var(--text-muted);text-decoration:line-through}.delete-task-btn{color:var(--text-dimmed);transition:var(--transition-fast);padding:2px}.delete-task-btn:hover{color:var(--color-danger)}.add-task-form-row{gap:8px;display:flex}.add-task-input{border-radius:var(--radius-sm);color:var(--text-main);background-color:#fff;border:1px solid #cbd5e1;outline:none;flex:1;padding:6px 10px;font-size:12.5px}.add-task-btn{background-color:var(--brand-whatsapp);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:6px;display:flex}.empty-chat-state{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.empty-chat-icon{opacity:.2;margin-bottom:16px}.kanban-select{border-radius:var(--radius-md);width:100%;color:var(--text-main);background-color:#fff;border:1px solid #cbd5e1;outline:none;margin-bottom:20px;padding:12px}.kanban-select option{background-color:#fff}.connections-container{height:100%;animation:fadeIn var(--transition-normal) forwards;padding:40px;overflow-y:auto}.connections-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.connections-title-section h1{font-family:var(--font-display);margin-bottom:6px;font-size:28px;font-weight:700}.connections-title-section p{color:var(--text-muted);font-size:14px}.new-connection-btn{background-color:var(--brand-whatsapp);color:#fff;border-radius:var(--radius-md);transition:var(--transition-fast);align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:flex;box-shadow:0 4px 12px #00a88433}.new-connection-btn:hover{background-color:var(--brand-whatsapp-hover);transform:translateY(-1px)}.connections-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.connection-card{border-radius:var(--radius-lg);min-height:200px;transition:var(--transition-normal);flex-direction:column;justify-content:space-between;padding:24px;display:flex}.connection-card:hover{box-shadow:var(--shadow-md);border-color:#00a8844d;transform:translateY(-4px)}.connection-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.connection-info h3{margin-bottom:4px;font-size:18px;font-weight:600}.connection-provider-badge{border-radius:var(--radius-full);text-transform:uppercase;color:var(--text-muted);background-color:#ffffff14;margin-top:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.connection-provider-badge.official{color:var(--color-info);background-color:#0ea5e926}.connection-status-badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.connection-status-badge.connected{color:var(--color-success);background-color:#10b9811f}.connection-status-badge.disconnected{color:var(--color-danger);background-color:#ef44441f}.connection-status-badge.connecting{color:var(--color-warning);background-color:#f59e0b1f}.connection-status-dot{border-radius:var(--radius-full);width:8px;height:8px}.connection-status-badge.connected .connection-status-dot{background-color:var(--color-success);box-shadow:0 0 6px var(--color-success)}.connection-status-badge.disconnected .connection-status-dot{background-color:var(--color-danger)}.connection-status-badge.connecting .connection-status-dot{background-color:var(--color-warning);animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:.4}to{opacity:1}}.connection-details{color:var(--text-muted);flex-direction:column;gap:6px;margin:16px 0;font-size:13.5px;display:flex}.connection-details-item{align-items:center;gap:8px;display:flex}.connection-card-actions{border-top:1px solid var(--border-light);gap:12px;margin-top:12px;padding-top:16px;display:flex}.connection-action-btn{border-radius:var(--radius-sm);transition:var(--transition-fast);border:1px solid var(--border-light);background-color:#ffffff05;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;display:flex}.connection-action-btn:hover{border-color:var(--border-medium);background-color:#ffffff0d}.connection-action-btn.disconnect{color:var(--color-danger);background-color:#ef44440d;border-color:#ef444433}.connection-action-btn.disconnect:hover{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:var(--radius-lg);width:500px;max-width:90%;box-shadow:var(--shadow-lg);padding:32px;position:relative}.modal-close-btn{color:var(--text-muted);transition:var(--transition-fast);position:absolute;top:20px;right:20px}.modal-close-btn:hover{color:var(--text-main)}.modal-title{font-family:var(--font-display);margin-bottom:24px;font-size:22px;font-weight:700}.qrcode-section{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:10px 0;display:flex}.qrcode-wrapper{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background-color:#fff;justify-content:center;align-items:center;padding:16px;display:flex;position:relative}.qrcode-img-mock{background-color:#eee;border:4px solid #fff;grid-template-columns:repeat(10,1fr);gap:2px;width:200px;height:200px;display:grid;overflow:hidden}.qrcode-dot{background-color:#000}.qrcode-scan-line{background-color:var(--brand-whatsapp);height:3px;box-shadow:0 0 8px var(--brand-whatsapp);animation:2.5s ease-in-out infinite scan;position:absolute;top:16px;left:16px;right:16px}@keyframes scan{0%{top:16px}50%{top:216px}to{top:16px}}.qrcode-timer{color:var(--text-muted);font-size:13px}.sim-scan-btn{background-color:var(--brand-whatsapp-light);color:var(--brand-whatsapp);border-radius:var(--radius-md);transition:var(--transition-fast);border:1px solid #00a8844d;margin-top:10px;padding:12px 24px;font-weight:600}.sim-scan-btn:hover{background-color:var(--brand-whatsapp);color:#fff}.kanban-container{height:100%;animation:fadeIn var(--transition-normal) forwards;flex-direction:column;padding:40px;display:flex;overflow:hidden}.kanban-header{margin-bottom:28px}.kanban-header h1{font-family:var(--font-display);margin-bottom:6px;font-size:28px;font-weight:700}.kanban-header p{color:var(--text-muted);font-size:14px}.kanban-board{flex:1;grid-template-columns:repeat(5,1fr);align-items:flex-start;gap:20px;height:100%;padding-bottom:16px;display:grid;overflow:auto hidden}.kanban-column{background-color:var(--bg-sidebar);border-radius:var(--radius-lg);border:1px solid var(--border-light);min-width:250px;max-height:100%;transition:var(--transition-fast);flex-direction:column;display:flex}.kanban-column.drag-over{border-color:var(--brand-whatsapp);background-color:#00a8840a}.kanban-column-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.kanban-column-title-wrapper{align-items:center;gap:10px;display:flex}.kanban-column-title{font-size:14.5px;font-weight:600}.kanban-column-count{color:var(--text-muted);border-radius:var(--radius-full);background-color:#ffffff14;padding:2px 8px;font-size:11px;font-weight:700}.kanban-column-value{color:var(--brand-whatsapp);font-size:12px;font-weight:700}.kanban-cards-list{flex-direction:column;flex:1;gap:12px;min-height:200px;padding:16px;display:flex;overflow-y:auto}.kanban-card{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:grab;-webkit-user-select:none;user-select:none;transition:var(--transition-fast);flex-direction:column;gap:10px;padding:16px;display:flex}.kanban-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.4;border-style:dashed}.kanban-card-title{font-size:14px;font-weight:600}.kanban-card-value{color:var(--text-main);font-size:13.5px;font-weight:700}.kanban-card-tags{flex-wrap:wrap;gap:4px;display:flex}.kanban-card-footer{border-top:1px solid var(--border-light);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;font-size:11.5px;display:flex}.kanban-card-connection{color:var(--brand-whatsapp);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-weight:500;overflow:hidden}.delete-card-btn{color:var(--text-dimmed);transition:var(--transition-fast);padding:2px}.delete-card-btn:hover{color:var(--color-danger)}.empty-column-state{text-align:center;color:var(--text-dimmed);border:1px dashed var(--border-light);border-radius:var(--radius-md);opacity:.5;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;font-size:13px;display:flex}.settings-container{height:100%;animation:fadeIn var(--transition-normal) forwards;padding:40px;overflow-y:auto}.settings-header{margin-bottom:32px}.settings-header h1{font-family:var(--font-display);margin-bottom:6px;font-size:28px;font-weight:700}.settings-header p{color:var(--text-muted);font-size:14px}.settings-tabs-nav{border-bottom:1px solid var(--border-light);gap:16px;margin-bottom:32px;display:flex}.settings-tab-link{color:var(--text-muted);transition:var(--transition-fast);border-bottom:2px solid #0000;padding:12px 4px;font-size:14.5px;font-weight:600}.settings-tab-link:hover{color:var(--text-main)}.settings-tab-link.active{color:var(--brand-whatsapp);border-bottom-color:var(--brand-whatsapp)}.settings-panel-content{max-width:800px}.settings-section-card{border-radius:var(--radius-lg);margin-bottom:24px;padding:28px}.settings-section-title{font-family:var(--font-display);margin-bottom:8px;font-size:18px;font-weight:700}.settings-section-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:13.5px}.queues-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.queue-config-item{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#ffffff05;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.queue-config-info{align-items:center;gap:14px;display:flex}.queue-color-indicator{border-radius:var(--radius-full);width:14px;height:14px}.queue-config-name{font-size:14.5px;font-weight:600}.queue-config-greeting{color:var(--text-muted);margin-top:2px;font-size:12.5px}.users-table-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.user-table-row{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#ffffff05;justify-content:space-between;align-items:center;padding:16px;display:flex}.user-table-user-info{align-items:center;gap:12px;display:flex}.user-table-avatar{border-radius:var(--radius-full);background-color:var(--bg-surface);width:36px;height:36px;color:var(--brand-whatsapp);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.user-table-name{font-size:14px;font-weight:600}.user-table-email{color:var(--text-muted);font-size:12.5px}.user-role-badge{border-radius:var(--radius-full);background-color:#ffffff14;padding:3px 8px;font-size:11px;font-weight:700}.user-role-badge.admin{color:var(--brand-whatsapp);background-color:#00a88426}.chatbot-builder-card{border-radius:var(--radius-md);background-color:#fff;border:1px solid #cbd5e1;padding:24px}.chatbot-rule-item{border-bottom:1px solid var(--border-light);grid-template-columns:80px 1fr 1fr auto;align-items:center;gap:16px;padding:12px;display:grid}.chatbot-rule-item:last-child{border-bottom:none}.chatbot-option-num{font-family:var(--font-display);color:var(--brand-whatsapp);font-size:16px;font-weight:800}.chatbot-option-input{border-radius:var(--radius-sm);color:var(--text-main);background-color:#fff;border:1px solid #cbd5e1;outline:none;padding:8px 12px;font-size:13px}.chatbot-option-input:focus{border-color:var(--brand-whatsapp);box-shadow:0 0 0 2px #507ba626}.chatbot-option-select{border-radius:var(--radius-sm);color:var(--text-main);background-color:#fff;border:1px solid #cbd5e1;outline:none;padding:8px 12px;font-size:13px}.chatbot-option-select option{background-color:#fff}.dashboard-container{height:100%;animation:fadeIn var(--transition-normal) forwards;padding:40px;overflow-y:auto}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-family:var(--font-display);color:var(--text-main);margin-bottom:6px;font-size:28px;font-weight:700}.dashboard-header p{color:var(--text-muted);font-size:14px}.dashboard-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.kpi-card{border-radius:var(--radius-lg);transition:var(--transition-fast);align-items:center;gap:16px;padding:24px;display:flex}.kpi-card:hover{box-shadow:var(--shadow-sm);border-color:#507ba633;transform:translateY(-2px)}.kpi-icon-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-info{flex-direction:column;min-width:0;display:flex}.kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.kpi-value{font-family:var(--font-display);color:var(--text-main);margin-top:4px;font-size:24px;font-weight:700}.kpi-users{color:var(--brand-blue);background-color:#507ba614}.kpi-users .kpi-icon-wrapper{background-color:#507ba626}.kpi-waiting{color:var(--color-warning);background-color:#f59e0b14}.kpi-waiting .kpi-icon-wrapper{background-color:#f59e0b26}.kpi-open{color:var(--color-info);background-color:#0ea5e914}.kpi-open .kpi-icon-wrapper{background-color:#0ea5e926}.kpi-resolved{color:var(--color-success);background-color:#10b98114}.kpi-resolved .kpi-icon-wrapper{background-color:#10b98126}.kpi-contacts{color:var(--brand-gray-dark);background-color:#507ba614}.kpi-contacts .kpi-icon-wrapper{background-color:#507ba626}.kpi-tma{color:var(--brand-blue);background-color:#507ba614}.kpi-tma .kpi-icon-wrapper{background-color:#507ba626}.kpi-tme{color:var(--color-danger);background-color:#ef444414}.kpi-tme .kpi-icon-wrapper{background-color:#ef444426}.dashboard-grid-layout{grid-template-columns:1.6fr 1fr;gap:24px;display:grid}.dashboard-card-panel{border-radius:var(--radius-lg);flex-direction:column;padding:28px;display:flex}.panel-title{font-family:var(--font-display);margin-bottom:24px;font-size:18px;font-weight:700}.chart-container{flex-direction:column;flex:1;justify-content:flex-end;min-height:280px;display:flex}.chart-bars-wrapper{border-bottom:2px solid var(--border-medium);justify-content:space-between;align-items:flex-end;height:200px;padding-bottom:8px;display:flex;position:relative}.chart-grid-line{border-top:1px dashed var(--border-light);pointer-events:none;position:absolute;left:0;right:0}.chart-bar-column{z-index:1;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:12px;height:100%;display:flex;position:relative}.chart-bar-fill{background:linear-gradient(180deg, var(--brand-blue) 0%, #507ba666 100%);cursor:pointer;border-radius:6px 6px 0 0;width:40px;transition:all .3s;position:relative}.chart-bar-fill:hover{background:linear-gradient(180deg, var(--brand-blue-hover) 0%, #507ba6b3 100%);transform:scaleY(1.03)}.chart-tooltip{background-color:var(--text-main);color:var(--bg-sidebar);opacity:0;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-8px)}.chart-bar-fill:hover .chart-tooltip{opacity:1}.chart-label-day{color:var(--text-muted);font-size:12px;font-weight:500}.recent-activity-list{flex-direction:column;gap:16px;display:flex}.activity-item{gap:12px;font-size:13.5px;display:flex}.activity-bullet{border-radius:var(--radius-full);background-color:var(--brand-blue);flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-bullet.alert{background-color:var(--color-warning)}.activity-bullet.success{background-color:var(--color-success)}.activity-info{flex-direction:column;gap:2px;display:flex}.activity-text{line-height:1.3}.activity-time{color:var(--text-dimmed);font-size:11px}@media (width<=900px){.dashboard-grid-layout{grid-template-columns:1fr}}