@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0f1015;--bg-secondary: #000000;--bg-tertiary: #16181f;--bg-card: #16161f;--border: #2a2a3a;--text-primary: #e8e8f0;--text-secondary: #8888a8;--text-muted: #5a5a78;--accent: #00a884;--accent-light: #25d366;--accent-glow: rgba(0, 168, 132, .3);--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--purple: #a78bfa;--sidebar-width: 240px;--radius: 12px;--radius-sm: 8px;--transition: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased}.app{display:flex;height:100vh;width:100vw;position:relative}.sidebar{position:absolute;top:0;left:0;bottom:0;height:100vh;z-index:100;width:var(--sidebar-width);background:var(--bg-secondary);transition:width .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden;box-shadow:4px 0 24px #00000080}.sidebar-inner{width:var(--sidebar-width);display:flex;flex-direction:column;height:100%}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:20px 18px;height:72px;flex-shrink:0;white-space:nowrap}.logo-icon{font-size:28px;filter:drop-shadow(0 0 8px var(--accent-glow))}.logo-text{font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.logo-pro{background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:12px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:background .2s ease,color .2s ease,width .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;white-space:nowrap;width:100%}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:#111115;color:#fff;box-shadow:none}.nav-item svg,.status-indicator svg,.sidebar-toggle svg{flex-shrink:0}.nav-item.active svg{color:var(--accent-light)}.nav-badge{position:absolute;right:12px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.5}}.sidebar-footer{padding:16px 12px;gap:8px;display:flex;flex-direction:column}.status-indicator{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;padding:8px 13px;border-radius:var(--radius-sm);transition:background .2s ease,color .2s ease,width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;white-space:nowrap;width:100%}.status-indicator.connected{color:var(--accent-light);background:#00a8841a}.status-indicator.disconnected{color:var(--danger);background:#ef44441a}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:#ffffff0a;overflow:hidden;white-space:nowrap;transition:all var(--transition),width .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-user-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;object-fit:cover}.sidebar-user-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.sidebar-user-name{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-user-name{opacity:0;pointer-events:none}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition),width .3s cubic-bezier(.4,0,.2,1)}.sidebar-toggle:hover{color:var(--text-primary);background:var(--border)}.sidebar.collapsed{width:64px}.sidebar .logo-text,.sidebar .nav-item span,.sidebar .status-indicator span,.sidebar .nav-badge,.sidebar .logo-pro{opacity:1;transition:opacity .2s ease}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-item span,.sidebar.collapsed .status-indicator span,.sidebar.collapsed .nav-badge,.sidebar.collapsed .logo-pro{opacity:0;pointer-events:none}.sidebar.collapsed .nav-item,.sidebar.collapsed .status-indicator,.sidebar.collapsed .sidebar-toggle,.sidebar.collapsed .notif-bell-btn,.sidebar.collapsed .sidebar-user{width:40px}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.content-collapsed{margin-left:64px}.main-content.content-expanded{margin-left:var(--sidebar-width)}.qr-page{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.qr-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:48px;text-align:center;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d}.qr-card.success{border-color:#00a8844d;box-shadow:0 20px 60px #0000004d,0 0 40px var(--accent-glow)}.qr-page-icon{color:var(--accent);margin-bottom:16px}.qr-success-icon{color:var(--accent-light);margin-bottom:16px;animation:bounce-in .6s ease}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.qr-card h2{font-size:24px;font-weight:700;margin-bottom:8px}.qr-card p{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.qr-container{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-image{border-radius:16px;background:#fff;padding:16px;box-shadow:0 8px 32px #0000004d}.qr-hint{font-size:12px!important;color:var(--text-muted)!important}.qr-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 0}.spin{animation:spin 1s linear infinite;color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.chat-page{flex:1;display:flex;height:100%}.chat-list{width:360px;flex-shrink:0;background:var(--bg-primary);border-right:none;display:flex;flex-direction:column;overflow:hidden}.chat-list-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.chat-list-header h2{font-size:20px;font-weight:700}.chat-count{background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.chat-tabs{display:flex;gap:6px;padding:16px 20px;border-bottom:none}.chat-tab{flex:1;padding:8px 12px;background:transparent;border-radius:12px;border:none;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.chat-tab:hover{background:#0f1015;color:var(--text-primary)}.chat-tab.active{background:#16181f;color:#fff}.chat-tab-badge{background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.chat-item-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.chat-item-status-badge{font-size:9px;padding:2px 6px;border-radius:8px;font-weight:600;white-space:nowrap}.chat-item-status-badge.atendimento{background:#5b9bd533;color:#5b9bd5}.btn-iniciar-atendimento{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:3px 10px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:11px;font-weight:600;cursor:pointer;transition:opacity var(--transition)}.btn-iniciar-atendimento:hover{opacity:.85}.btn.btn-sm{padding:4px 10px;font-size:11px;border-radius:6px;border:none;cursor:pointer;font-weight:600}.icon-btn{background:var(--bg-tertiary);border:1px solid transparent;color:var(--text-secondary);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.icon-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}.icon-btn.danger:hover{color:var(--danger);border-color:#ef44444d}.btn.btn-sm.btn-danger{background:#ef4444;color:#fff}.btn.btn-sm.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.chat-search{display:flex;align-items:center;gap:8px;margin:12px 16px;padding:10px 14px;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid transparent;transition:border var(--transition)}.chat-search:focus-within{border-color:var(--accent)}.chat-search svg{color:var(--text-muted);flex-shrink:0}.chat-search input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:14px}.chat-list-items{flex:1;overflow-y:auto}.chat-list-items::-webkit-scrollbar{width:4px}.chat-list-items::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.chat-empty{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:14px}.chat-empty .hint{font-size:12px;margin-top:8px}.chat-item{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background var(--transition);border-bottom:1px solid rgba(255,255,255,.03)}.chat-item:hover{background:var(--bg-tertiary)}.chat-item.active{background:linear-gradient(135deg,#00a8841a,#00a8840d);border-left:3px solid var(--accent)}.chat-item.unread .chat-item-name{font-weight:700;color:#fff}.chat-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0;text-transform:uppercase}.chat-item-info{flex:1;min-width:0}.chat-item-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.chat-item-name{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-phone{font-size:11px;color:var(--text-muted);margin-top:-1px;margin-bottom:2px}.chat-item-time{font-size:11px;color:var(--text-muted);flex-shrink:0}.chat-item.unread .chat-item-time{color:var(--accent-light)}.chat-item-bottom{display:flex;justify-content:space-between;align-items:center}.chat-item-preview{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chat-item-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:8px}.chat-window{flex:1;display:flex;flex-direction:column;background:var(--bg-tertiary)}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.chat-placeholder h3{font-size:18px;color:var(--text-secondary);margin-top:16px}.chat-placeholder p{font-size:14px;margin-top:4px}.chat-window-header{display:flex;align-items:center;gap:14px;padding:14px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border)}.back-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px}.chat-header-info{display:flex;flex-direction:column}.chat-header-name{font-size:15px;font-weight:600}.chat-header-phone{font-size:12px;color:var(--text-muted)}.chat-messages{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:6px;background:var(--bg-tertiary)}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.message{display:flex;max-width:70%}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-bubble{padding:10px 14px;border-radius:12px;position:relative;max-width:100%;word-wrap:break-word;box-shadow:0 1px 2px #00000026}.message.sent .message-bubble{background:linear-gradient(135deg,#005c4b,#004a3d);border-bottom-right-radius:4px}.message.received .message-bubble{background:#2a3342;border-left:2px solid var(--accent);border-bottom-left-radius:4px}.message-text{font-size:14px;line-height:1.5;white-space:pre-wrap;letter-spacing:.01em}.message-time{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:4px}.message.sent .message-time{color:#111!important}.message-status{margin-left:4px}.message-status.status-sending,.message-status.status-sent,.message-status.status-delivered{color:#8696a0}.message-status.status-read{color:#53bdeb}.chat-session-box{position:relative;background:transparent;border:2px dashed var(--success);border-radius:12px;margin:32px 0;padding:24px 16px;display:flex;flex-direction:column;box-shadow:0 0 10px #10b98140}.chat-session-box.closed{border-color:var(--danger);box-shadow:0 0 10px #ef444440}.session-header,.session-footer{position:absolute;left:50%;transform:translate(-50%);background:transparent;padding:0 16px;z-index:2;display:flex;align-items:center;justify-content:center;white-space:nowrap}.session-header{top:-11px}.session-footer{bottom:-11px}.session-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:400;background:var(--bg-tertiary);padding:0 8px}.chat-session-box.active .session-label{color:var(--success)}.chat-session-box.closed .session-label{color:var(--danger)}.session-messages-container{display:flex;flex-direction:column;gap:6px}.chat-input-area{display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--bg-primary);border-top:1px solid var(--border)}.chat-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:24px;padding:12px 20px;color:var(--text-primary);font-size:14px;outline:none;transition:border var(--transition)}.chat-input:focus{border-color:var(--accent)}.send-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 20px var(--accent-glow)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.attach-btn{flex-shrink:0;color:var(--text-secondary);transition:color var(--transition)}.attach-btn:hover{color:var(--accent-light)}.media-preview-bar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--bg-tertiary);border-top:1px solid var(--border)}.media-preview-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.media-preview-file{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.media-preview-file svg{color:var(--accent)}.media-preview-name{flex:1;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-preview-cancel{width:28px;height:28px;border-radius:50%;border:none;background:#ef444426;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--transition)}.media-preview-cancel:hover{background:#ef44444d}.message-media-img{max-width:280px;max-height:300px;border-radius:8px;cursor:pointer;margin-bottom:4px;display:block}.message-media-video{max-width:280px;max-height:300px;border-radius:8px;margin-bottom:4px;display:block}.message-media-audio{width:240px;max-width:100%;height:36px;margin-bottom:4px}.message-media-doc{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff0f;border-radius:8px;text-decoration:none;color:var(--text-primary);font-size:13px;margin-bottom:4px;transition:background var(--transition)}.message-media-doc:hover{background:#ffffff1a}.message-media-doc svg:first-child{color:var(--accent);flex-shrink:0}.message-media-doc span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-media-doc svg:last-child{color:var(--text-muted);flex-shrink:0}.message-caption{font-size:13px;margin-top:2px}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinSmall .6s linear infinite}@keyframes spinSmall{to{transform:rotate(360deg)}}.kanban-page{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px;height:100vh;box-sizing:border-box}.kanban-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-shrink:0}.kanban-header h2{font-size:24px;font-weight:700}.kanban-header-left{display:flex;align-items:center;gap:20px}.kanban-tabs{display:flex;gap:4px;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:3px;border:1px solid var(--border)}.kanban-tab{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.kanban-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.kanban-tab:not(.active):hover{color:var(--text-primary);background:#ffffff0d}.kanban-dashboard{flex:1;overflow-y:auto;padding:8px 0}.dashboard-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:15px}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.metric-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);transition:all var(--transition)}.metric-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.metric-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-info{display:flex;flex-direction:column;gap:2px}.metric-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.1}.metric-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.dashboard-section{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);padding:20px;margin-bottom:20px}.dashboard-section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.dashboard-section-title svg{color:var(--accent)}.funnel-chart{display:flex;flex-direction:column;gap:12px}.funnel-row{display:flex;align-items:center;gap:12px}.funnel-label{width:140px;flex-shrink:0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary)}.funnel-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.funnel-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funnel-bar-wrap{flex:1;height:28px;background:#ffffff0a;border-radius:6px;overflow:hidden}.funnel-bar{height:100%;border-radius:6px;min-width:4px;animation:barGrow .6s ease forwards;opacity:.85;transition:opacity var(--transition)}.funnel-bar:hover{opacity:1}@keyframes barGrow{0%{width:0!important}}.funnel-count{width:72px;flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.funnel-count strong{font-size:15px;color:var(--text-primary)}.funnel-pct{font-size:11px;color:var(--text-muted)}.dashboard-table-wrap{overflow-x:auto}.dashboard-table{width:100%;border-collapse:collapse;font-size:13px}.dashboard-table th{text-align:left;padding:10px 14px;color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.dashboard-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-primary)}.dashboard-table td:first-child{display:flex;align-items:center;gap:8px}.dashboard-table tr:last-child td{border:none}.dashboard-table tr:hover td{background:#ffffff08}.kanban-actions{display:flex;gap:12px;align-items:center}.kanban-search{display:flex;align-items:center;gap:0;padding:4px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border);transition:all .25s ease}.kanban-search.expanded{gap:4px;border-color:var(--accent);background:#00a8840d}.kanban-search .kanban-search-toggle{transition:color .15s}.kanban-search .kanban-search-toggle:hover{color:var(--accent)!important}.kanban-search .kanban-search-input{background:none;border:none;outline:none;color:var(--text-primary);font-size:13px;overflow:hidden}.btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff}.btn-primary:hover{box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{color:var(--text-primary);border-color:var(--text-muted)}.kanban-board{display:flex;gap:16px;flex:1;height:0;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;cursor:grab;align-items:stretch;min-height:0}.kanban-board::-webkit-scrollbar{height:6px}.kanban-board::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.kanban-column{width:310px;min-width:310px;background:var(--bg-secondary);border-radius:var(--radius);display:flex;flex-direction:column;max-height:calc(100vh - 160px);border:none;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.kanban-col-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--col-color, var(--accent));box-shadow:0 0 15px var(--col-color, var(--accent));z-index:5}.kanban-column.drop-target{box-shadow:0 0 25px #00a8844d;transform:translateY(-2px)}.column-concluido{opacity:.5;filter:grayscale(.5);transition:opacity .3s ease,filter .3s ease}.column-concluido:hover{opacity:1;filter:grayscale(0)}.kanban-col-header{display:flex;align-items:center;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.05);gap:8px;flex-shrink:0;position:sticky;top:0;background:var(--bg-tertiary);z-index:10}.kanban-col-center{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.kanban-col-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kanban-col-title{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.kanban-col-count{background:#ffffff0f;color:var(--text-secondary);font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;flex-shrink:0}.kanban-col-actions{display:flex;gap:4px;opacity:1;flex-shrink:0}.kanban-col-actions button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all var(--transition)}.kanban-col-actions button:hover{color:var(--text-primary);background:var(--bg-tertiary)}.kanban-col-actions button.danger:hover{color:var(--danger)}.kanban-col-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:0}.kanban-col-body.drop-end:after{content:"";display:block;height:4px;background:var(--accent);border-radius:2px;box-shadow:0 0 10px #00a884cc,0 0 20px #00a88466;animation:indicator-pulse .8s ease-in-out infinite;margin-top:4px;flex-shrink:0}.kanban-col-body::-webkit-scrollbar{width:3px}.kanban-col-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.kanban-empty{text-align:center;padding:30px;color:var(--text-muted);font-size:13px;border:2px dashed var(--border);border-radius:var(--radius-sm)}.kanban-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;flex-shrink:0;cursor:grab;transition:all var(--transition);border-left:3px solid var(--col-color, var(--accent));position:relative}.kanban-card:hover{border-color:var(--text-muted);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.kanban-card.dragging{opacity:.4;transform:rotate(2deg)}.kanban-card.drag-over-top:before,.kanban-card.drag-over-bottom:after{content:"";position:absolute;left:-3px;right:-3px;height:4px;background:var(--accent);border-radius:2px;box-shadow:0 0 10px #00a884cc,0 0 20px #00a88466;z-index:50;pointer-events:none;animation:indicator-pulse .8s ease-in-out infinite}.kanban-card.drag-over-top:before{top:-6px}.kanban-card.drag-over-bottom:after{bottom:-6px}@keyframes indicator-pulse{0%,to{opacity:.7}50%{opacity:1}}.kanban-card.just-dropped{animation:card-bounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes card-bounce{0%{transform:scale(.95) translateY(-8px);opacity:.7}40%{transform:scale(1.03) translateY(2px)}60%{transform:scale(.99) translateY(-1px)}to{transform:scale(1) translateY(0);opacity:1}}.kanban-card-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.kanban-card-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.kanban-card-info{display:flex;flex-direction:column;min-width:0}.kanban-card-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card-phone{font-size:11px;color:var(--text-muted)}.kanban-card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.kanban-tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;background:#00a88426;color:var(--accent-light)}.kanban-card-note{font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);padding:6px 10px;border-radius:6px;margin-bottom:8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card-footer{display:flex;justify-content:center;align-items:center;width:100%;margin-top:8px}.kanban-card-date{font-size:11px;color:var(--text-muted)}.kanban-edit-btn{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all var(--transition)}.kanban-edit-btn:hover{color:var(--accent-light);background:#00a8841a}.kanban-add-col{min-width:200px;height:fit-content;display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;border:2px dashed var(--border);border-radius:var(--radius);background:none;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all var(--transition)}.kanban-add-col:hover{border-color:var(--accent);color:var(--accent);background:#00a8840d}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:90%;max-width:480px;animation:slide-up .3s ease}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:18px;font-weight:600}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:12px}.modal-body label{font-size:13px;font-weight:600;color:var(--text-secondary)}.modal-body input,.modal-body textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border var(--transition);resize:vertical}.modal-body input:focus,.modal-body textarea:focus{border-color:var(--accent)}.modal-body input:disabled{opacity:.5}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.dashboard-page{flex:1;overflow-y:auto;padding:24px}.dash-title{font-size:24px;font-weight:700;margin-bottom:24px}.dash-loading{padding:40px;text-align:center;color:var(--text-muted)}.dash-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.kpi-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px;transition:all var(--transition)}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.kpi-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.kpi-info{display:flex;flex-direction:column}.kpi-value{font-size:28px;font-weight:700;line-height:1}.kpi-label{font-size:12px;color:var(--text-secondary);margin-top:4px}.dash-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.dash-section h3{font-size:16px;font-weight:600;margin-bottom:20px}.dash-bars{display:flex;flex-direction:column;gap:14px}.dash-bar-row{display:flex;align-items:center;gap:16px}.dash-bar-label{display:flex;align-items:center;gap:8px;width:180px;flex-shrink:0;font-size:13px}.dash-bar-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-bar-track{flex:1;height:24px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden}.dash-bar-fill{height:100%;border-radius:12px;transition:width .6s ease;min-width:4px}.dash-bar-value{font-size:14px;font-weight:600;width:40px;text-align:right;flex-shrink:0}.dash-funnel{display:flex;flex-direction:column;align-items:center;gap:6px}.funnel-step{width:var(--step-width, 100%);transition:width .6s ease}.funnel-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--step-color);border-radius:var(--radius-sm);color:#fff;font-weight:600}.funnel-title{font-size:13px}.funnel-count{font-size:16px}@media(max-width:768px){.sidebar{width:64px}.sidebar-logo .logo-text,.nav-item span,.status-indicator span{display:none}.sidebar-logo{justify-content:center;padding:16px 8px}.nav-item{justify-content:center;padding:12px}.nav-badge{right:4px;top:4px}.chat-list{width:100%}.chat-list.hidden-mobile,.chat-window.hidden-mobile{display:none}.back-btn{display:flex}.kanban-column{width:260px;min-width:260px}}.modal-lg{max-width:600px;max-height:85vh;overflow-y:auto}.modal-section{padding-top:4px}.modal-section small{color:var(--text-muted);font-weight:400}.modal-body select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border var(--transition);cursor:pointer;appearance:auto}.modal-body select:focus{border-color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border var(--transition)}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.btn-sm{padding:6px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.tag-editor{display:flex;flex-direction:column;gap:8px}.tag-list{display:flex;flex-wrap:wrap;gap:4px}.kanban-tag.removable{cursor:pointer;display:flex;align-items:center;gap:4px;transition:all var(--transition)}.kanban-tag.removable:hover{background:#ef444433;color:var(--danger)}.tag-input-row{display:flex;gap:8px;align-items:center}.tag-input-row input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-size:13px;outline:none}.tag-input-row input:focus{border-color:var(--accent)}.kanban-card-btns{display:flex;gap:2px}.kanban-icon-btn{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all var(--transition)}.kanban-icon-btn:hover{color:var(--accent-light);background:#00a8841a}.kanban-icon-btn.danger:hover{color:var(--danger);background:#ef44441a}.task-card{border-left-style:dashed}.task-avatar{display:flex;align-items:center;justify-content:center}.kanban-priority{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px}.priority-low{color:#06b6d4;background:#06b6d426}.priority-normal{color:var(--accent-light);background:#00a88426}.priority-high{color:#f59e0b;background:#f59e0b26}.priority-urgent{color:#ef4444;background:#ef444426}.notes-body{max-height:60vh;overflow-y:auto}.new-note-area{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}.new-note-area textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;resize:vertical;transition:border var(--transition)}.new-note-area textarea:focus{border-color:var(--accent)}.notes-list{display:flex;flex-direction:column;gap:12px}.notes-empty{text-align:center;padding:24px;color:var(--text-muted);font-size:13px}.note-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-date{font-size:11px;color:var(--text-muted);font-weight:500}.note-actions{display:flex;gap:4px}.note-actions button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:3px;border-radius:3px;transition:all var(--transition)}.note-actions button:hover{color:var(--text-primary);background:var(--bg-secondary)}.note-actions button.danger:hover{color:var(--danger)}.note-content{font-size:13px;line-height:1.5;color:var(--text-primary);white-space:pre-wrap}.note-edit{display:flex;flex-direction:column;gap:4px}.note-edit textarea{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:10px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;resize:vertical}.note-edit small{font-size:11px;color:var(--text-muted)}.scheduler-page{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:24px}.scheduler-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-shrink:0}.scheduler-header h2{font-size:24px;font-weight:700}.scheduler-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;flex:1}@media(max-width:1100px){.scheduler-layout{grid-template-columns:1fr}}.calendar-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.calendar-nav button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;transition:all var(--transition)}.calendar-nav button:hover{color:var(--text-primary);background:var(--bg-tertiary)}.calendar-title{font-size:16px;font-weight:600}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-header-cell{text-align:center;font-size:11px;font-weight:600;color:var(--text-muted);padding:8px 0}.calendar-cell{min-height:60px;padding:6px;border-radius:6px;background:var(--bg-tertiary);border:1px solid transparent;transition:all var(--transition)}.calendar-cell.empty{background:none}.calendar-cell.today{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.calendar-day{font-size:12px;font-weight:600;color:var(--text-secondary)}.calendar-cell.today .calendar-day{color:var(--accent-light)}.calendar-dots{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.calendar-dot{width:6px;height:6px;border-radius:50%}.dot-pending{background:var(--warning)}.dot-sent{background:var(--accent-light)}.dot-failed{background:var(--danger)}.calendar-more{font-size:9px;color:var(--text-muted)}.schedule-list-section{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.schedule-list-section h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-secondary)}.mt-16{margin-top:16px}.schedule-items{display:flex;flex-direction:column;gap:8px}.schedule-empty{text-align:center;padding:20px;color:var(--text-muted);font-size:13px;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-sm)}.schedule-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.schedule-item.pending{border-left:3px solid var(--warning)}.schedule-item.sent{border-left:3px solid var(--accent-light);opacity:.7}.schedule-item.failed{border-left:3px solid var(--danger)}.schedule-info{display:flex;flex-direction:column;gap:2px;min-width:0}.schedule-contact{font-size:13px;font-weight:600}.schedule-time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.schedule-msg{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.kanban-card-phone{display:flex;align-items:center;gap:3px}.chat-popup{width:500px;height:600px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;animation:slide-up .3s ease;box-shadow:0 20px 60px #00000080;overflow:hidden}.chat-popup-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.chat-popup-contact{display:flex;align-items:center;gap:12px}.chat-popup-contact>div:last-child{display:flex;flex-direction:column}.chat-popup-name{font-size:14px;font-weight:600;color:var(--text-primary)}.chat-popup-phone{font-size:12px;color:var(--text-muted)}.chat-popup-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.chat-popup-messages::-webkit-scrollbar{width:3px}.chat-popup-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chat-popup-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}.chat-popup-input{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-tertiary);border-top:1px solid var(--border)}.chat-popup-input input{flex:1;background:var(--bg-primary);border:1px solid var(--border);border-radius:22px;padding:10px 18px;color:var(--text-primary);font-size:13px;outline:none;transition:border var(--transition)}.chat-popup-input input:focus{border-color:var(--accent)}.chat-popup-input button{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition)}.chat-popup-input button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px var(--accent-glow)}.chat-popup-input button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.chat-popup{width:95vw;height:80vh}}.clients-page{display:flex;flex-direction:column;height:100%;padding:24px;gap:20px}.clients-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.clients-header h2{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--text-primary)}.clients-actions{display:flex;align-items:center;gap:12px}.clients-table-wrap{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:var(--bg-tertiary)}.clients-table{width:100%;border-collapse:collapse}.clients-table thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-primary);position:sticky;top:0;z-index:1}.clients-table tbody tr{cursor:pointer;transition:background var(--transition)}.clients-table tbody tr:hover{background:#00a8840d}.clients-table tbody td{padding:12px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border);vertical-align:middle}.clients-table tbody tr:last-child td{border-bottom:none}.client-table-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.text-sm{font-size:13px}.text-muted-cell{color:var(--text-muted)}.client-table-actions{display:flex;gap:4px}.client-conv-badge{display:inline-flex;align-items:center;gap:4px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:100px}.clients-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--text-muted);text-align:center}.client-modal{max-width:560px}.client-detail-modal{max-width:640px}.form-row{display:flex;gap:12px}.form-group{flex:1;display:flex;flex-direction:column;gap:4px}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.detail-field{display:flex;flex-direction:column;gap:2px}.detail-field.full{grid-column:1 / -1}.detail-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.detail-field span:last-child{font-size:14px;color:var(--text-primary)}.detail-section{border-top:1px solid var(--border);padding-top:16px}.detail-section h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.conv-tabs{display:flex;gap:6px;margin-bottom:12px;background:var(--bg-primary);padding:4px;border-radius:8px}.conv-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;border:none;background:none;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;transition:all var(--transition)}.conv-tab:hover{color:var(--text-primary);background:#ffffff0a}.conv-tab.active{background:var(--accent);color:#fff;font-weight:600}.conv-tab-count{background:#fff3;padding:0 6px;border-radius:100px;font-size:10px;font-weight:700}.conv-tab.active .conv-tab-count{background:#ffffff4d}.conv-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.linked-conv{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px}.linked-conv-left{display:flex;align-items:center;gap:10px}.conv-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.linked-conv-info{display:flex;flex-direction:column;gap:2px}.linked-conv-name{font-size:13px;font-weight:600;color:var(--text-primary)}.linked-conv-phone{font-size:11px;color:var(--text-muted)}.linked-conv-actions{display:flex;align-items:center;gap:6px}.btn-atender{background:#5b9bd5!important;color:#fff!important;border:none!important}.btn-concluir{background:#22c55e!important;color:#fff!important;border:none!important}.btn-reabrir{background:#ffb833!important;color:#1a1a2e!important;border:none!important}.conv-empty{text-align:center;padding:16px;color:var(--text-muted);font-size:13px}.btn-icon{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:var(--text-muted);transition:all var(--transition)}.btn-icon:hover{background:#ffffff0d}.btn-icon.danger:hover{color:#ef4444;background:#ef44441a}.btn-icon.sm{padding:2px}.link-conv-add{margin-top:12px}.link-search{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:0 10px}.link-search input{border:none;background:none;flex:1;padding:8px 0;font-size:13px;color:var(--text-primary);outline:none}.link-results{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;margin-top:6px;max-height:200px;overflow-y:auto}.link-result-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:background var(--transition)}.link-result-item:hover{background:#00a8841a}.link-result-phone{margin-left:auto;font-size:11px;color:var(--text-muted)}.link-empty{padding:12px;text-align:center;font-size:12px;color:var(--text-muted)}.modal.modal-task{max-width:680px}.task-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);gap:12px}.task-header-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.task-header-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.task-header-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.task-title-input{font-size:18px;font-weight:700;border:none;background:none;color:var(--text-primary);outline:none;padding:0;width:100%}.task-title-input::placeholder{color:var(--text-muted);font-weight:400}.task-header-id{font-size:11px;color:var(--text-muted);font-family:monospace}.task-scroll-body{overflow-y:auto;max-height:70vh;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.task-section{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:16px}.task-section:first-child{border-top:none;padding-top:0}.task-section-header{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.task-section-header h4{font-size:14px;font-weight:600;margin:0}.task-section-header svg{color:var(--text-secondary);flex-shrink:0}.task-desc-input{padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:13px;resize:none;outline:none;font-family:inherit;line-height:1.5;transition:border var(--transition)}.task-desc-input:focus{border-color:var(--accent)}.task-desc-input::placeholder{color:var(--text-muted)}.task-meta-row{display:flex;gap:12px}.task-meta-item{flex:1;display:flex;flex-direction:column;gap:4px}.task-meta-item label{display:flex;align-items:center;gap:4px}.checklist-progress{display:flex;align-items:center;gap:10px}.checklist-pct{font-size:11px;color:var(--text-secondary);font-weight:600;min-width:30px}.checklist-progress-track{flex:1;height:6px;background:var(--bg-primary);border-radius:100px;overflow:hidden}.checklist-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:100px;transition:width .3s ease}.checklist-items{display:flex;flex-direction:column;gap:4px}.checklist-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;transition:background var(--transition)}.checklist-item:hover{background:#ffffff08}.checklist-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.checklist-text{flex:1;font-size:13px;color:var(--text-primary)}.checklist-item.done .checklist-text{text-decoration:line-through;color:var(--text-muted)}.checklist-add{display:flex;gap:8px;margin-top:8px}.checklist-add input{flex:1;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;outline:none}.checklist-add input:focus{border-color:var(--accent)}.task-comments-flow{display:flex;flex-direction:column;gap:8px}.task-comment{background:var(--bg-primary);border-radius:8px;padding:12px}.task-comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.task-comment-author{font-size:12px;font-weight:600;color:var(--accent)}.task-comment-time{font-size:10px;color:var(--text-muted);margin-left:auto}.task-comment-content{font-size:13px;color:var(--text-primary);margin:0;line-height:1.5;word-break:break-word}.task-comment-add{display:flex;flex-direction:column;gap:6px;margin-top:8px}.task-comment-add textarea{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:13px;resize:none;outline:none;font-family:inherit}.task-comment-add textarea:focus{border-color:var(--accent)}.text-muted{color:var(--text-muted);font-size:13px;text-align:center;padding:12px}@media(max-width:768px){.task-meta-row{flex-direction:column}.clients-table-wrap{border-radius:8px}.clients-table thead th,.clients-table tbody td{padding:8px 10px;font-size:12px}.detail-info-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.conv-tabs{flex-wrap:wrap}}.chat-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.btn-encerrar{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-encerrar:hover{background:#ef444440}.btn-iniciar-atendimento{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#00a88426;color:var(--accent);border:1px solid rgba(0,168,132,.3);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-iniciar-atendimento:hover{background:#00a88440}.chat-page.with-details .chat-window{flex:1;min-width:0}.contact-details-panel{width:340px;flex-shrink:0;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;animation:slideInRight .25s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.details-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.details-panel-header h3{font-size:15px;font-weight:700;color:var(--text-primary)}.details-panel-profile{display:flex;flex-direction:column;align-items:center;padding:24px 20px 20px;gap:8px;border-bottom:1px solid var(--border)}.details-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;letter-spacing:1px;box-shadow:0 4px 16px #00a88440}.details-name{font-size:17px;font-weight:700;color:var(--text-primary);margin-top:4px;text-align:center;word-break:break-word}.details-phone{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.details-phone svg{color:var(--accent)}.details-status-badge{font-size:11px;font-weight:600;padding:3px 12px;border-radius:20px;margin-top:4px}.details-status-badge.status-blue{background:#5b9bd526;color:#5b9bd5}.details-status-badge.status-yellow{background:#ffc10726;color:#ffc107}.details-status-badge.status-green{background:#00a88426;color:var(--accent-light)}.details-status-badge.status-gray{background:#80808026;color:#999}.details-status-badge.status-muted{background:#8080801a;color:var(--text-muted)}.details-panel-scroll{flex:1;overflow-y:auto;padding-bottom:20px}.details-panel-scroll::-webkit-scrollbar{width:4px}.details-panel-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.details-section{padding:16px 20px;border-bottom:1px solid var(--border)}.details-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.details-section-title svg{color:var(--accent)}.details-actions-grid{display:flex;gap:8px;flex-wrap:wrap}.details-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition)}.details-action-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.details-action-btn.action-atender{border-color:var(--accent);color:var(--accent-light)}.details-action-btn.action-atender:hover{background:#00a8841a}.details-action-btn.action-encerrar{border-color:#ef4444;color:#ef4444}.details-action-btn.action-encerrar:hover{background:#ef44441a}.details-action-btn.action-editar svg{color:var(--accent)}.details-data-list{display:flex;flex-direction:column;gap:10px}.details-data-item{display:flex;flex-direction:column;gap:2px}.details-data-item.notes{margin-top:4px}.details-data-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.details-data-label svg{color:var(--text-muted);opacity:.7}.details-data-value{font-size:13px;color:var(--text-primary);line-height:1.4;padding-left:19px;word-break:break-word}.details-edit-form{display:flex;flex-direction:column;gap:12px}.details-field-edit{display:flex;flex-direction:column;gap:4px}.details-field-edit label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.details-field-edit input,.details-field-edit textarea{padding:9px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:13px;outline:none;font-family:inherit;transition:border var(--transition)}.details-field-edit input:focus,.details-field-edit textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00a8841a}.details-field-edit textarea{resize:none}.details-save-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity var(--transition);margin-top:4px}.details-save-btn:hover{opacity:.85}.details-save-btn:disabled{opacity:.5;cursor:not-allowed}.details-tags-empty{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-tertiary);border-radius:8px;font-size:13px;color:var(--text-muted)}.details-add-tag-btn{width:28px;height:28px;border-radius:6px;border:1px dashed var(--border);background:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.details-add-tag-btn:hover{border-color:var(--accent);color:var(--accent)}.details-empty-section{padding:10px 12px;background:var(--bg-tertiary);border-radius:8px;font-size:13px;color:var(--text-muted);text-align:center}.chat-header-actions .btn-icon.active{background:#00a88426;color:var(--accent-light)}.contact-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-edit-field{display:flex;flex-direction:column;gap:4px}.contact-edit-field.full{grid-column:1 / -1}.contact-edit-field label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.contact-edit-field input,.contact-edit-field textarea{padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;outline:none;font-family:inherit;transition:border var(--transition)}.contact-edit-field input:focus,.contact-edit-field textarea:focus{border-color:var(--accent)}.contact-edit-field textarea{resize:none}.contact-edit-actions{display:flex;gap:8px;justify-content:flex-end}.qr-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:40px 20px;gap:24px}.qr-card{background:var(--bg-secondary);border-radius:16px;padding:40px;text-align:center;max-width:440px;width:100%;border:1px solid var(--border)}.qr-card.success{border-color:#00a8844d}.qr-card h2{font-size:22px;font-weight:700;color:var(--text-primary);margin:16px 0 8px}.qr-card p{color:var(--text-secondary);font-size:14px;margin:0 0 4px}.qr-success-icon,.qr-page-icon{color:var(--accent)}.qr-container{margin-top:24px}.qr-image{border-radius:12px;box-shadow:0 4px 24px #0000004d}.qr-hint{font-size:12px!important;color:var(--text-muted)!important;margin-top:12px!important}.qr-loading{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:24px;color:var(--text-secondary)}.qr-actions{margin-top:24px;display:flex;justify-content:center}.btn-disconnect{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-disconnect:hover{background:#ef444433}.btn-disconnect:disabled{opacity:.5;cursor:not-allowed}.danger-zone{border-color:#ef444433!important;background:#ef444408}.danger-zone h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#ef4444;margin:0 0 16px}.btn-danger-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.4);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-danger-outline:hover{background:#ef44441a}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.clear-confirm{display:flex;flex-direction:column;gap:12px}.danger-text{font-size:13px!important;color:#ef4444!important;font-weight:500}.clear-confirm-actions{display:flex;gap:10px;justify-content:center}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contatos-page{flex:1;width:100%;padding:24px 28px;display:flex;flex-direction:column;gap:20px;height:100%;overflow:hidden}.contatos-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.contatos-title-section{display:flex;align-items:center;gap:12px}.contatos-title-section h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.contatos-count{font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 10px;border-radius:12px;font-weight:500}.contatos-actions{display:flex;gap:8px}.contatos-search-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;flex-shrink:0;transition:border var(--transition)}.contatos-search-bar:focus-within{border-color:var(--accent)}.contatos-search-bar svg{color:var(--text-muted);flex-shrink:0}.contatos-search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:14px}.contatos-search-bar input::placeholder{color:var(--text-muted)}.contatos-table-wrapper{flex:1;overflow-y:auto;overflow-x:auto;border-radius:12px;border:1px solid var(--border);background:var(--bg-secondary);width:100%}.contatos-table{width:100%;border-collapse:collapse}.contatos-table thead{position:sticky;top:0;z-index:2;background:var(--bg-tertiary)}.contatos-table th{padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.contatos-table td{padding:12px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}.contatos-table tbody tr{transition:background var(--transition)}.contatos-table tbody tr:hover{background:#ffffff08}.contatos-table tbody tr:last-child td{border-bottom:none}.contatos-contact-cell{display:flex;align-items:center;gap:12px}.contatos-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#007a5e);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.contatos-contact-info{display:flex;flex-direction:column;gap:2px}.contatos-name{font-weight:600;font-size:14px;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.contatos-pushname{font-size:11px;color:var(--text-muted);max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.contatos-phone{font-family:SF Mono,Consolas,monospace;font-size:12px!important;color:var(--text-secondary)!important}.contatos-email{font-size:12px!important;color:var(--text-secondary)!important}.contatos-date{font-size:12px!important;color:var(--text-muted)!important;white-space:nowrap}.contatos-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.badge-novo{background:#3b82f626;color:#60a5fa}.badge-atendimento{background:#00a88426;color:var(--accent)}.badge-fechado{background:#6b728026;color:#9ca3af}.badge-default{background:#a855f726;color:#a855f7}.contatos-action-buttons{display:flex;gap:4px;align-items:center}.contatos-action-buttons .btn-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;color:var(--text-secondary);transition:all var(--transition)}.contatos-action-buttons .btn-icon:hover{background:#ffffff14;color:var(--text-primary)}.contatos-action-buttons .btn-icon-danger{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;background:transparent;border:none;color:var(--text-secondary);transition:all var(--transition)}.contatos-action-buttons .btn-icon-danger:hover{background:#ef444426;color:#ef4444}.contatos-loading,.contatos-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);font-size:14px}@media(max-width:768px){.contatos-page{padding:16px}.contatos-header{flex-direction:column;gap:12px;align-items:stretch}.contatos-actions{justify-content:flex-end}.contatos-table th:nth-child(3),.contatos-table td:nth-child(3),.contatos-table th:nth-child(5),.contatos-table td:nth-child(5){display:none}}.config-page{flex:1;display:flex;overflow:hidden;background:#1a1f2e}.contacts-sidebar{width:380px;background:var(--bg-secondary);border-right:none;display:flex;flex-direction:column;padding:20px 0;flex-shrink:0}.contact-item{display:flex;flex-direction:column;padding:12px 16px;border-radius:12px;margin:2px 8px;cursor:pointer;transition:all var(--transition);border-bottom:none}.contact-item:hover{background:#0f1015}.contact-item.active{background:#16181f;border-left:none}.config-sidebar{width:260px;background:#141820;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 0;flex-shrink:0}.config-sidebar-header{padding:0 20px;margin-bottom:20px}.config-sidebar-header h2{font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--text-primary)}.config-tab{display:flex;align-items:center;padding:12px 24px;background:transparent;border:none;width:100%;text-align:left;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition);border-left:3px solid transparent}.config-tab:hover{background:#ffffff08;color:var(--text-primary)}.config-tab.active{background:#00a8841a;color:var(--accent);border-left-color:var(--accent)}.config-content{flex:1;padding:30px 40px;overflow-y:auto}.config-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.config-section-header h2{font-size:22px;font-weight:600}.config-table{width:100%;border-collapse:separate;border-spacing:0}.config-table th{text-align:left;padding:16px;background:var(--bg-secondary);border-bottom:2px solid var(--border);font-size:11px;text-transform:uppercase;color:var(--text-secondary);font-weight:600;letter-spacing:.5px}.config-table th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.config-table th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.config-table td{padding:16px;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:14px;vertical-align:middle}.config-table td:first-child{display:table-cell}.tag-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);display:inline-block}.action-buttons{display:flex;align-items:center;gap:8px;justify-content:center}.dialog-modal{max-width:420px!important;min-width:340px}.task-card-top{display:flex;align-items:flex-start;gap:8px}.task-complete-circle{background:none;border:none;cursor:pointer;padding:2px;color:var(--text-muted);opacity:0;transition:opacity .15s,color .15s;flex-shrink:0;margin-top:1px}.task-card:hover .task-complete-circle{opacity:1}.task-complete-circle:hover{color:var(--accent)!important}.task-done .task-complete-circle{opacity:1;color:var(--accent)}.task-done-icon{color:var(--accent)}.task-card-title{font-weight:600;font-size:13px;line-height:1.4;flex:1;min-width:0;word-break:break-word;overflow-wrap:anywhere}.task-card-title p,.task-card-title div,.task-card-title br{margin:0;padding:0}.task-title-done{text-decoration:line-through;opacity:.6}.task-card.task-done{opacity:.65}.task-desc-editor{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-primary)}.task-desc-toolbar{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--bg-tertiary)}.task-desc-toolbar button{background:none;border:none;padding:4px 6px;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center}.task-desc-toolbar button:hover{background:var(--bg-secondary);color:var(--text-primary)}.task-desc-content{min-height:80px;padding:12px;outline:none;color:var(--text-primary);font-size:14px;line-height:1.6;word-break:break-word}.task-desc-content:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.task-desc-content h3{font-size:16px;margin:8px 0 4px}.task-desc-content ul,.task-desc-content ol{padding-left:20px;margin:4px 0}.task-desc-content a{color:var(--accent);text-decoration:underline}.checklist-edit-input{flex:1;background:var(--bg-primary);border:1px solid var(--accent);border-radius:4px;padding:4px 8px;color:var(--text-primary);font-size:13px;outline:none}.checklist-text{cursor:pointer}.checklist-text:hover{background:#ffffff0d;border-radius:4px;padding:1px 4px;margin:-1px -4px}.task-attachments{display:flex;flex-direction:column;gap:6px}.task-attachment-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-tertiary);border-radius:6px;font-size:13px;color:var(--text-secondary)}.task-attachment-item .attachment-name{flex:1;color:var(--text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-attachment-item .attachment-name:hover{color:var(--accent);text-decoration:underline}.task-upload-btn:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}@keyframes neonGlow{0%{box-shadow:0 0 5px #00a88433;border-color:transparent}50%{box-shadow:0 0 20px #00a884cc,inset 0 0 10px #00a8844d;border-color:var(--accent)}to{box-shadow:0 0 5px #00a88433;border-color:transparent}}.task-neon-complete{animation:neonGlow 1s ease-out}@keyframes circleCelebrate{0%{transform:scale(1)}30%{transform:scale(1.8)}50%{transform:scale(1.4)}70%{transform:scale(1.6)}to{transform:scale(1)}}@keyframes circleGlow{0%{box-shadow:0 0 #00a88480}50%{box-shadow:0 0 12px 6px #00a88466}to{box-shadow:0 0 #00a88400}}.circle-celebrate{animation:circleCelebrate .5s cubic-bezier(.34,1.56,.64,1),circleGlow .6s ease-out!important;color:var(--accent)!important;opacity:1!important}.task-card,.task-list-item{transition:transform 0s,opacity 0s}.task-card{display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.task-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto}.task-meta-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);background:#ffffff08;padding:2px 6px;border-radius:4px}.task-meta-badge.badge-done{color:var(--bg-primary);background:var(--accent)}.task-card-actions{position:absolute;bottom:8px;right:8px;opacity:0;transition:opacity .2s;background:var(--bg-tertiary);border-radius:4px}.task-card:hover .task-card-actions{opacity:1}.task-meta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:12px 16px;margin-bottom:16px;background:var(--bg-tertiary);border-radius:8px}.task-meta-item{display:flex;flex-direction:column;gap:6px}.task-meta-item label{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;font-weight:500}.task-meta-item select,.task-meta-item input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:6px 10px;border-radius:6px;font-size:13px;outline:none;width:100%}.custom-date-picker{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:16px;margin-top:8px;display:flex;flex-direction:column;gap:16px}.dp-calendar{width:100%;max-width:280px;margin:0 auto}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dp-nav button{background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:4px;display:flex;align-items:center}.dp-nav button:hover{background:var(--bg-secondary);color:var(--text-primary)}.dp-month-label{font-size:14px;font-weight:600;text-transform:capitalize}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:11px;color:var(--text-muted);margin-bottom:8px}.dp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-day,.dp-empty{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px}.dp-day{background:none;border:1px solid transparent;color:var(--text-primary);border-radius:50%;cursor:pointer;transition:all .15s}.dp-day:hover{background:var(--bg-secondary)}.dp-today{color:var(--accent);font-weight:700}.dp-selected{background:var(--accent)!important;color:var(--bg-primary)!important;font-weight:700}.dp-fields{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--border)}.dp-field-row{display:flex;flex-direction:column;gap:6px}.dp-field-row label{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.dp-field-row input,.dp-field-row select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:6px 10px;border-radius:4px;font-size:13px;width:100%}.dp-clear-btn{background:none;border:none;color:#f87171;font-size:12px;cursor:pointer;text-align:left;padding:4px 0;margin-top:4px}.dp-clear-btn:hover{text-decoration:underline}.contact-panel-overlay{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease}.contact-panel{width:900px;max-width:100%;height:100%;background:var(--bg-primary);display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000080;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cp-header{padding:24px 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary)}.cp-header-info{display:flex;align-items:center;gap:16px}.cp-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}.cp-header-text h2{margin:0;font-size:20px;color:var(--text-primary)}.cp-header-text span{font-size:14px;color:var(--text-secondary)}.cp-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px;display:flex;flex-wrap:wrap;gap:32px}.cp-main{flex:1;min-width:300px}.cp-sidebar{width:100%;max-width:340px;flex-shrink:0}.cp-section{background:var(--bg-secondary);border-radius:12px;padding:24px;border:1px solid var(--border)}.cp-section-title{font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin-bottom:20px}.cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cp-field{display:flex;flex-direction:column;gap:6px}.cp-field label{font-size:12px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cp-input{background:var(--bg-tertiary);border:1px solid transparent;color:var(--text-primary);padding:10px 14px;border-radius:8px;font-size:14px;transition:all .2s}.cp-input:focus{border-color:var(--accent);outline:none}.cp-input:disabled{opacity:.6;cursor:not-allowed}.cp-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.cp-stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.cp-stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.cp-stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.cp-sidebar{display:flex;flex-direction:column;gap:24px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-track{background:#ffffff05;border-radius:8px;margin:0 12px}.kanban-board::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}.kanban-board::-webkit-scrollbar-thumb:hover{background:#ffffff38}.slide-over-panel ::-webkit-scrollbar{width:4px}.slide-over-panel ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.slide-over-panel ::-webkit-scrollbar-thumb:hover{background:#fff3}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=light] .kanban-board::-webkit-scrollbar-track{background:#00000005}[data-theme=light] .kanban-board::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] .kanban-board::-webkit-scrollbar-thumb:hover{background:#00000040}@media(max-width:1200px){.checklist-mirror-col{display:none!important}.task-card-grid{grid-template-columns:auto 1fr 200px!important}}.notif-wrapper{position:relative}.notif-bell-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 16px;gap:10px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);position:relative}.notif-bell-btn:hover{background:#ffffff0d;color:var(--text-primary)}.notif-badge{position:absolute;top:4px;right:12px;min-width:18px;height:18px;padding:0 5px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 8px #ef444466;animation:notif-pop .3s cubic-bezier(.34,1.56,.64,1)}.sidebar.collapsed .notif-badge{right:2px;top:2px}.sidebar.collapsed .notif-bell-btn{width:40px!important;height:40px!important;padding:0!important;justify-content:center;align-items:center}@keyframes notif-pop{0%{transform:scale(0)}to{transform:scale(1)}}.notif-panel{position:fixed;left:var(--sidebar-width);bottom:60px;width:380px;max-height:520px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 48px #00000080;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:notif-slide-in .2s ease}.sidebar.collapsed .notif-panel{left:72px}@keyframes notif-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.notif-header h3{font-size:15px;font-weight:700;color:var(--text-primary)}.notif-header-actions{display:flex;gap:8px}.notif-mark-all,.notif-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:#ffffff0d;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.notif-mark-all:hover{background:#00a88426;color:var(--accent)}.notif-close-btn:hover{background:#ef444426;color:var(--danger)}.notif-list{flex:1;overflow-y:auto;overscroll-behavior:contain}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;color:var(--text-muted);font-size:13px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;cursor:pointer;transition:background var(--transition);border-bottom:1px solid rgba(255,255,255,.02);position:relative}.notif-item:hover{background:#ffffff08}.notif-unread{background:#00a8840a}.notif-unread:hover{background:#00a88414}.notif-item-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.notif-item-content{flex:1;min-width:0}.notif-item-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.notif-item-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.notif-item-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.4}.notif-item-body{font-size:12px;color:var(--text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.notif-item-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.notif-item-type{padding:1px 6px;background:#ffffff0d;border-radius:4px;font-size:10px}.notif-item-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px;box-shadow:0 0 8px var(--accent-glow)}@media(max-width:768px){.notif-panel{inset:0;width:100%;max-height:100%;border-radius:0}}