@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap);:root{--font-plus-jakarta:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-outfit:"Outfit",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--surface) 0,#fff 100%);border-bottom:1px solid var(--border);box-shadow:0 4px 20px #00000014;display:flex;height:72px;justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-center,.header-left,.header-right{align-items:center;display:flex;gap:16px}.header-left{flex:0 0 auto}.brand-wrapper{border-right:1px solid var(--border-light);gap:12px;padding-right:20px}.brand-logo,.brand-wrapper{align-items:center;display:flex}.brand-logo{background:linear-gradient(135deg,var(--primary-green),var(--dark-green));border-radius:10px;box-shadow:0 4px 12px #00a8844d;height:36px;justify-content:center;width:36px}.logo-icon{color:#fff;font-size:20px}.page-title-main{color:var(--dark-green);font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.brand-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.header-center{flex:1 1;max-width:600px;min-width:300px}.search-container{border:none;position:relative;width:100%}.search-bar{background:#fff;border-radius:16px;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-bar,.search-icon{align-items:center;display:flex}.search-icon{margin-right:12px;opacity:.7}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:15px;font-weight:400;outline:none;padding:4px 0}.search-input::placeholder{color:var(--text-muted);font-weight:400;transition:opacity .2s}.clear-search{background:var(--background);border-radius:50%;font-size:14px;height:28px;opacity:.6;padding:4px;transition:all .2s;width:28px}.clear-search:hover{background:var(--border);color:var(--text-primary);opacity:1}.search-suggestions{animation:slideDown .2s ease-out;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px #0000001f;left:0;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.suggestion-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.suggestion-item:hover{background:var(--background)}.suggestion-icon{font-size:14px;opacity:.7}.header-right{flex:0 0 auto;gap:20px}.notification-badge{position:relative}.notification-icon{align-items:center;background:none;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s}.notification-icon:hover{background:var(--background);color:var(--text-primary)}.notification-count{background:linear-gradient(135deg,#ff6b6b,#ff4757);border:2px solid #fff;border-radius:50%;font-size:10px;height:18px;justify-content:center;position:absolute;right:0;top:0;width:18px}.add-instance-btn,.notification-count{align-items:center;color:#fff;display:flex;font-weight:600}.add-instance-btn{background:linear-gradient(135deg,var(--primary-green),var(--dark-green));border:none;border-radius:12px;box-shadow:0 4px 15px #00a8844d;cursor:pointer;font-size:14px;gap:8px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-instance-btn:hover{box-shadow:0 8px 25px #00a88466;transform:translateY(-2px)}.add-instance-btn:active{box-shadow:0 2px 10px #00a8844d;transform:translateY(0)}.user-profile{gap:12px;position:relative}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:42px;justify-content:center;transition:all .3s;width:42px}.user-avatar:hover{box-shadow:0 6px 20px #667eea66;transform:scale(1.05)}.user-name{display:none;font-size:14px;font-weight:600}.dropdown-menu{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 40px #00000026;min-width:280px;opacity:0;padding:16px 0;position:absolute;right:0;top:calc(100% + 12px);transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1000}.dropdown-menu.show{opacity:1;transform:translateY(0);visibility:visible}.dropdown-header{border-bottom:1px solid var(--border-light);padding:0 16px 16px}.dropdown-user-info{align-items:center;display:flex;gap:12px}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:48px;justify-content:center;width:48px}.dropdown-username{color:var(--text-primary);font-size:15px;font-weight:600}.dropdown-email{color:var(--text-muted);font-size:13px;margin-top:2px}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 20px;text-align:left;transition:all .2s;width:100%}.dropdown-item:hover{background:var(--background);color:var(--primary-green)}.dropdown-icon{display:inline-block;font-size:16px;width:20px}.dropdown-divider{background:var(--border-light);height:1px;margin:8px 0}.logout-item{color:#ef4444}.logout-item:hover{background:#fef2f2;color:#dc2626}.menu-toggle{background:none;border:none;border-radius:8px;cursor:pointer;display:none;padding:8px;transition:background .2s}.menu-toggle:hover{background:var(--background)}.menu-icon{display:flex;flex-direction:column;gap:4px;width:24px}.menu-icon span{background:var(--text-primary);border-radius:2px;height:2px;transition:all .3s}.menu-icon span:first-child{width:80%}.menu-icon span:nth-child(2){width:100%}.menu-icon span:nth-child(3){width:60%}@media (max-width:1200px){.header{padding:16px 24px}.brand-wrapper{padding-right:16px}.add-instance-btn{padding:10px 20px}}@media (max-width:992px){.header-center{min-width:250px}.user-name{display:block}}@media (max-width:768px){.header{flex-wrap:nowrap;gap:16px;height:64px;padding:12px 16px}.menu-toggle{display:block;order:1}.header-left{flex:1 1;min-width:0;order:2}.brand-wrapper{border-right:none;padding-right:0}.page-title-main{font-size:20px}.brand-badge{display:none}.header-center{display:none;flex:1 0 100%;margin-top:12px;max-width:100%;min-width:0;order:4}.header-center.active{display:flex}.header-right{gap:12px;order:3}.add-instance-btn .btn-text,.user-name{display:none}.add-instance-btn{border-radius:50%;height:42px;justify-content:center;padding:10px;width:42px}.notification-icon{padding:6px}.user-avatar{font-size:12px;height:36px;width:36px}}@media (max-width:576px){.header{gap:12px;padding:10px 12px}.brand-logo{height:32px;width:32px}.page-title-main{font-size:18px}.dropdown-menu{min-width:250px;right:-20px}.search-bar{padding:8px 14px}.search-input{font-size:14px}.search-input::placeholder{font-size:13px}}@media (max-width:400px){.page-title-main{font-size:16px}.brand-logo,.notification-badge{display:none}.dropdown-menu{min-width:220px;right:-40px}}@media (min-width:769px) and (max-width:1024px) and (orientation:landscape){.header{padding:12px 20px}.header-center{max-width:450px}.add-instance-btn{font-size:13px;padding:10px 16px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.header{border-bottom-width:.5px}}@media (prefers-color-scheme:dark){.header{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.dropdown-menu,.search-bar{background:#2d2d2d;border-color:#404040}.dropdown-item:hover{background:#404040}}@media (prefers-reduced-motion:reduce){.add-instance-btn,.dropdown-menu,.header,.search-bar,.user-avatar{animation:none;transition:none}}.add-instance-btn:focus,.dropdown-item:focus,.notification-icon:focus,.search-input:focus,.user-avatar:focus{outline:none;outline-offset:2px}@media print{.header{border-bottom:2px solid #000;box-shadow:none;position:static}.add-instance-btn,.notification-badge,.search-bar,.user-profile{display:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header.loading .add-instance-btn{animation:pulse 2s infinite}@media (hover:hover){.add-instance-btn:hover .btn-icon{transform:rotate(90deg);transition:transform .3s}}@media (pointer:coarse){.add-instance-btn,.clear-search,.dropdown-item{min-height:44px;padding:16px}.menu-toggle{padding:12px}}:root{--gradient-green:linear-gradient(135deg,#00a884,#059669);--gradient-blue:linear-gradient(135deg,#3b82f6,#1d4ed8);--gradient-amber:linear-gradient(135deg,#f59e0b,#d97706);--gradient-red:linear-gradient(135deg,#ef4444,#dc2626);--gradient-purple:linear-gradient(135deg,#8b5cf6,#7c3aed);--glass-bg:#ffffffb3;--glass-border:#fff3;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-inner:inset 0 2px 4px 0 #0000000f;--animation-pulse:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.welcome-section{margin-bottom:20px;margin-top:2%}.dashboard-title{-webkit-text-fill-color:#0000;background:#000;-webkit-background-clip:text;font-family:var(--font-plus-jakarta);font-size:32px}.dashboard-subtitle{font-family:var(--font-plus-jakarta);font-size:16px;max-width:600px}.quick-stats-banner{display:flex;gap:16px;margin-top:16px}.stat-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.stat-badge-icon{font-size:16px}.header-actions{align-items:center;display:flex;gap:12px}.btn-primary.pulse{animation:pulse 2s infinite;animation:var(--animation-pulse)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.gradient-green:before{background:linear-gradient(135deg,#00a884,#059669);background:var(--gradient-green)}.stat-card.gradient-blue:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-blue)}.stat-card.gradient-amber:before{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-amber)}.stat-card.gradient-red:before{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-red)}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-card-content{align-items:center;display:flex;gap:20px}.stat-icon-wrapper{position:relative}.stat-trend{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:600;gap:2px;padding:4px 8px;position:absolute;right:-8px;top:-8px}.stat-trend.positive{background:#d1fae5;color:#065f46}.stat-trend.negative{background:#fee2e2;color:#dc2626}.stat-trend.neutral{background:#e0e7ff;color:#3730a3}.stat-info{flex:1 1}.stat-value{font-size:32px;font-weight:700;line-height:1}.stat-subtext{color:var(--text-muted);font-size:13px;margin-top:4px}.search-container{display:flex;gap:16px}.search-box-wrapper{flex:1 1;position:relative}.search-input{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);font-size:16px;padding:10px;transition:all .3s ease;width:100%}.search-icon{font-size:20px;left:24px}.search-hint{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:4px;position:absolute;right:24px;top:50%;transform:translateY(-50%)}kbd{background:var(--background);border:1px solid var(--border);border-radius:4px;font-size:11px;padding:2px 6px}.filter-actions{display:flex;gap:8px}.filter-btn,.sort-btn{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.filter-btn:hover,.sort-btn:hover{background:var(--light-green);border-color:var(--primary-green)}.status-filter-container{align-items:center;display:flex;gap:16px}.filter-label{color:var(--text-primary);font-size:14px;font-weight:600}.status-indicator{border-radius:50%;height:8px;width:8px}.tab-count{font-weight:600}.instances-grid-header{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin:32px 0 20px;padding:20px}.grid-title{align-items:center;display:flex;gap:12px}.grid-title h3{color:var(--text-primary);font-size:18px}.instance-count{background:var(--background);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 12px}.grid-actions{display:flex;gap:8px}.view-toggle{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px}.view-toggle.active{background:var(--primary-green);border-color:var(--primary-green);color:#fff}.refresh-btn{align-items:center;border:1px solid var(--border);border-radius:8px;font-size:13px;gap:6px;padding:8px 16px}.instance-card,.refresh-btn{background:var(--surface);cursor:pointer;display:flex}.instance-card{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-direction:column;overflow:hidden;padding:14px;position:relative;transition:all .2s ease;width:32%}.instance-card:hover{border-color:#10b981;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.card-corner-badge{display:flex;gap:6px;position:absolute;right:12px;top:12px;z-index:2}.premium-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.3px;padding:3px 8px}.instance-card-header{align-items:flex-start;display:flex;gap:10px;margin-top:8px}.instance-avatar{border-radius:10px;flex-shrink:0;font-size:16px;font-weight:700;height:40px;position:relative;width:40px}.online-dot{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:1px;height:8px;position:absolute;right:1px;width:8px}.instance-header-info{flex:1 1;min-width:0}.instance-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2px}.menu-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:16px;line-height:1;padding:2px}.menu-btn:hover{background:#f9fafb}.instance-tags{display:flex;flex-wrap:wrap;gap:6px}.instance-tag{background:#f3f4f6;border-radius:10px;color:#4b5563;font-size:11px;margin-top:1%;padding:2px 8px}.instance-divider{background:#e5e7eb}.instance-metrics{background:#fff;border-radius:8px;margin-top:2px;padding:10px}.metrics-header{padding-inline:10px}.metrics-time{color:#9ca3af;font-size:10px}.metric-row{display:flex;gap:10px}.metric-item-dashboard{background:#fff;border-radius:8px;display:flex}.metric-content{min-width:0}.metric-change{font-size:9px;margin-top:1px}.metric-change.positive{color:#10b981}.metric-change.neutral{color:#9ca3af}.instance-progress{margin-top:2px}.progress-bar{background:#e5e7eb;height:4px;margin-bottom:3px}.progress-bar,.progress-fill{border-radius:2px}.progress-label{color:#6b7280;font-size:10px}.instance-footer{margin-top:2px}.instance-info{flex-direction:column;gap:2px}.instance-created,.last-active{align-items:center;color:#6b7280;display:flex;font-size:10px}.activity-dot{background:#10b981;display:inline-block;flex-shrink:0;height:5px;margin-right:4px;width:5px}.instance-actions{gap:6px}.quick-action-dashboard{background:#10b981;color:#fff}.quick-action-dashboard:hover{background:#0da271;color:#fff}.view-btn{background:#fff;border:1px solid #d1d5db;color:#374151}.view-btn:hover{background:#f9fafb}.settings-btn{align-items:center;background:#fff;border:1px solid #d1d5db;color:#374151;display:flex;justify-content:center;min-width:30px;padding:5px;width:30px}.settings-btn:hover{background:#f9fafb}@media (max-width:768px){.instances-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:12px}.instance-card{padding:12px}.metric-row{gap:8px}.instance-actions{flex-direction:column;width:100%}.quick-action-dashboard{width:100%}}@media (max-width:480px){.instances-grid{grid-template-columns:1fr}.instance-card{padding:10px}.metric-row{gap:8px;grid-template-columns:1fr}}.metrics-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.metrics-title{color:var(--text-primary);font-size:14px;font-weight:600}.metrics-time{color:var(--text-muted);font-size:12px}.metric-icon-circle{align-items:center;background:#fff;border-radius:50%;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.metric-change{font-size:11px;font-weight:600}.metric-change.positive{color:var(--success)}.metric-change.neutral{color:var(--text-muted)}.instance-progress{margin:20px 0}.progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .3s ease}.progress-label{color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.instance-footer{padding-top:20px}.last-active{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.activity-dot{animation:pulse 2s infinite;background:var(--success);border-radius:50%;height:6px;width:6px}.instance-created{color:var(--text-muted);font-size:12px;margin-top:4px}.quick-action-dashboard{background:#e8fbf1;border-color:#e8fbf1;color:#0f7a41}.view-btn{color:var(--text-primary)}.settings-btn,.view-btn{background:var(--surface);border-color:var(--border)}.settings-btn{color:var(--text-secondary);padding:8px}.empty-state.enhanced{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);padding:80px 40px;text-align:center}.empty-state-illustration{height:120px;margin:0 auto 40px;position:relative;width:120px}.illustration-icon{animation:float 3s ease-in-out infinite;font-size:60px;position:relative;z-index:2}.illustration-orb{background:var(--primary-green);border-radius:50%;opacity:.1;position:absolute}.orb-1{animation:float 4s ease-in-out infinite;height:80px;left:20px;top:20px;width:80px}.orb-2{animation:float 5s ease-in-out infinite;animation-delay:.5s;height:60px;right:10px;top:0;width:60px}.orb-3{animation:float 6s ease-in-out infinite;animation-delay:1s;bottom:10px;height:40px;right:40px;width:40px}.empty-state-content h3{color:var(--text-primary);font-size:24px;margin-bottom:12px}.empty-state-actions{display:flex;gap:12px;justify-content:center;margin:24px 0}.empty-state-tips{display:flex;flex-direction:column;gap:12px;margin:32px auto 0;max-width:400px}.tip{align-items:center;background:var(--background);border-radius:var(--radius-md);display:flex;gap:12px;padding:12px}.tip-icon{color:var(--primary-green)}.quick-actions-footer{border-top:1px solid var(--border);margin-top:48px;padding-top:32px}.quick-actions-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:20px}.quick-action-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:20px;text-align:left;transition:all .2s ease}.quick-action-card:hover{border-color:var(--primary-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-icon{display:block;font-size:24px;margin-bottom:12px}.action-label{color:var(--text-primary);display:block;margin-bottom:4px}.action-hint{color:var(--text-muted);font-size:12px}@media (max-width:1200px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-header{flex-direction:column}.header-actions{justify-content:flex-start;width:100%}.search-container{flex-direction:column}.status-filter-container{align-items:flex-start;flex-direction:column}.instances-grid{grid-template-columns:1fr}.empty-state-actions{flex-direction:column}}.wa-layout{display:grid;font-family:Segoe UI,sans-serif;grid-template-columns:340px 1fr;height:100vh}.wa-sidebar{background:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column;height:100vh}.wa-sidebar-header{background:#fff;color:#000;flex-shrink:0;font-size:18px;font-weight:600;padding:10px}.wa-sidebar-search{margin-bottom:3%}.wa-sidebar-search input{border:1px solid #ddd;border-radius:6px;padding:8px 10px;width:95%}.wa-chat-list{flex:1 1;overflow-y:auto}.wa-chat-list::-webkit-scrollbar{width:6px}.wa-chat-list::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:4px}.wa-chat-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:12px}.wa-chat-item:hover{background:#f5f5f5}.wa-chat-item.active{background:#e9edef}.wa-avatar{align-items:center;background:#25d366;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.wa-avatar.large{height:44px;width:44px}.wa-chat-info{flex:1 1;min-width:0}.wa-chat-top{display:flex;justify-content:space-between;margin-bottom:4px}.wa-chat-name{font-size:14px;font-weight:600}.wa-chat-time{color:#999;font-size:11px}.wa-chat-last{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-unread-count{align-items:center;background:#25d366;border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px}.wa-chat{background:#efeae2;display:flex;flex-direction:column;height:100vh}.wa-chat-header{background:#075e54;color:#fff;flex-shrink:0;padding:12px}.wa-chat-phone{font-size:12px;opacity:.8}.wa-messages{flex:1 1;overflow-y:auto;padding:16px}.wa-msg{display:flex;margin-bottom:8px}.wa-msg.left{justify-content:flex-start}.wa-msg.right{justify-content:flex-end}.wa-bubble{background:#fff;border-radius:8px;font-size:14px;max-width:65%;padding:8px 12px}.wa-msg.right .wa-bubble{background:#dcf8c6}.wa-bubble span{display:block;font-size:11px;margin-top:4px;opacity:.6;text-align:right}.wa-footer{background:#f0f0f0;flex-shrink:0;padding:12px;text-align:center}.wa-empty{color:#777;font-size:18px;margin:auto}.no-chats,.no-messages{color:#999;padding:20px;text-align:center}.wa-message-input-area{background:#fff;border-top:1px solid #e0e0e0;padding:15px}.wa-message-input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-family:inherit;font-size:14px;max-height:100px;min-height:40px;outline:none;padding:10px 15px;resize:none;transition:border-color .3s}.wa-message-input:focus{border-color:#25d366}.wa-message-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.wa-send-button{background-color:#25d366;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;height:40px;min-width:70px;padding:10px 20px;transition:background-color .3s}.wa-send-button:hover:not(:disabled){background-color:#1da851}.wa-send-button:disabled{background-color:#ccc;cursor:not-allowed}.wa-bubble.temp{opacity:.8}.sending-indicator{color:#666;font-size:11px;font-style:italic;margin-top:5px}.sending-spinner{animation:spin 1s linear infinite;display:inline-block}.wa-no-instance-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:91vh;padding:20px}.wa-no-instance-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:480px;padding:48px 32px;text-align:center;width:100%}.wa-no-instance-icon{color:#64748b;margin-bottom:24px;opacity:.7}.wa-no-instance-title{color:#1e293b;font-family:var(--font-outfit);font-size:24px;font-weight:600;margin-bottom:12px}.wa-no-instance-description{color:#64748b;font-family:var(--font-plus-jakarta);font-size:16px;line-height:1.5;margin-bottom:32px}.wa-no-instance-actions{display:flex;flex-direction:column;gap:16px;margin-top:24px}.wa-no-instance-primary-btn{background:#166534;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-plus-jakarta);font-size:16px;font-weight:500;padding:14px 24px;transition:all .2s ease}.wa-no-instance-primary-btn:hover{background:#14532d;box-shadow:0 4px 12px #16653433;transform:translateY(-1px)}.wa-no-instance-secondary-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-family:var(--font-plus-jakarta);font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.wa-no-instance-secondary-btn:hover{background:#f1f5f9;border-color:#94a3b8}@media (max-width:640px){.wa-no-instance-card{margin:0 16px;padding:32px 20px}.wa-no-instance-title{font-size:20px}.wa-no-instance-description{font-size:14px}}.wa-footer{display:none}.wa-input-wrapper{align-items:flex-end;display:flex;gap:10px}.dashboard-container{background:#fff;min-height:91vh}.details-view{margin:0 auto;max-width:1400px}.details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:0 8px}.btn-back{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;transition:all .2s}.btn-back:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-icon:hover{background:#f1f5f9}.main-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:1024px){.main-grid{gap:24px;grid-template-columns:1fr 1fr}}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-title{color:#1e293b;font-size:16px;font-weight:600;margin:0}.profile-card{margin-bottom:20px}.profile-header{align-items:flex-start;display:flex;gap:16px}.profile-avatar{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:600;height:64px;justify-content:center;width:64px}.profile-info{flex:1 1}.profile-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.profile-title{color:#1e293b;font-size:20px;font-weight:600;margin:0}.status-badge{border:1px solid #d1f7e3;color:#1cd773;padding:4px 12px}.status-dot{height:6px;width:6px}.profile-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column}.detail-label{color:#64748b;font-size:12px;margin-bottom:4px}.detail-value{color:#1e293b;font-size:14px;font-weight:500}.jid{font-family:Monaco,Menlo,monospace;font-size:12px}.connection-card{margin-bottom:20px}.version-tag{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:12px;font-weight:500;padding:4px 8px}.connection-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.connection-item{display:flex;flex-direction:column}.connection-label{color:#64748b;font-size:12px;margin-bottom:4px}.connection-value{color:#1e293b;font-size:14px;font-weight:500}.uptime{color:#10b981}.connection-actions{align-items:center;display:flex;gap:12px}.btn-icon.warning{color:#f59e0b}.btn-icon.danger{color:#ef4444}.metrics-grid.compact{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.metrics-grid.compact{grid-template-columns:repeat(4,1fr)}}.metric-item{background:#f8fafc;flex-direction:column;gap:12px;padding:12px}.metric-icon,.metric-item{align-items:center;border-radius:8px;display:flex}.metric-icon{background:#fff;font-size:20px;height:40px;justify-content:center;width:40px}.metric-content{flex:1 1}.metric-value{color:var(--text-primary);font-size:18px;font-weight:600}.metric-trend{border-radius:4px;padding:2px 6px}.metric-trend.up{background:#dcfce7;color:#16a34a}.metric-trend.down{background:#fee2e2;color:#dc2626}.metric-label{color:var(--text-secondary);font-size:11px}.activity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.activity-grid{grid-template-columns:repeat(4,1fr)}}.activity-item{background:#f8fafc;border-radius:8px;padding:12px;text-align:center}.activity-value{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:4px}.activity-value.success{color:#10b981}.activity-label{color:#64748b;font-size:12px}.quick-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.quick-action{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#000;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s}.quick-action:hover{background:#f1f5f9;border-color:#cbd5e1}.action-icon{font-size:20px}.action-label{color:#475569;font-size:12px;font-weight:500}@media (max-width:640px){.dashboard-container{padding:12px}.profile-header{align-items:center;flex-direction:column;text-align:center}.connection-details,.profile-details-grid{grid-template-columns:1fr}.connection-actions{flex-direction:column}.btn-primary{width:100%}.action-buttons{justify-content:center;width:100%}.metrics-grid.compact{grid-template-columns:1fr}}.login-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-md);position:relative}@media (prefers-color-scheme:dark){.login-container{background:#fff!important}}.cosmez-logo{display:flex;height:150px;justify-content:center;width:150px}.login-container:before{background-image:radial-gradient(var(--primary-green) 1px,#0000 1px),radial-gradient(var(--secondary-green) 1px,#0000 1px);background-position:0 0,25px 25px;background-size:50px 50px;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:0}.login-box{animation:slideUp .5s ease-out;background:#fff!important;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#333;margin-right:21%;max-width:420px;padding:22px;position:relative;transition:var(--transition);width:100%;z-index:1}@media (prefers-color-scheme:dark){.login-box{background:#fff!important;border-color:#e2e8f0;color:#1e293b!important}}.login-box:hover{box-shadow:0 20px 40px #0000001a}.login-box h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--dark-green),var(--primary-green));-webkit-background-clip:text;background-clip:text;color:var(--dark-green);font-size:18px;font-weight:700;margin-bottom:var(--space-xl);position:relative;text-align:center}.login-box h2:after{background:linear-gradient(90deg,var(--primary-green),var(--secondary-green));border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.error-message{align-items:center;animation:shake .5s ease-in-out;background:#fee2e2;border-left:4px solid #ef4444;border-radius:var(--radius-md);color:#991b1b;display:flex;font-size:14px;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:12px 16px}.error-message:before{content:"⚠️";font-size:16px}.login-box form{margin-bottom:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-group label{align-items:center;color:#1e293b;display:block;display:flex;font-size:14px;font-weight:500;gap:var(--space-xs);margin-bottom:var(--space-sm);margin-top:2%}.form-group input{background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-md);color:#1e293b;font-size:15px;margin-top:3%;padding:14px 16px;transition:var(--transition);width:100%}@media (prefers-color-scheme:dark){.form-group input{background:#fff!important;border-color:#e2e8f0!important}.form-group input,.form-group label{color:#1e293b!important}}.form-group input:focus{background:#fff;border-color:var(--primary-green);box-shadow:0 0 0 3px #00a8841a;outline:none}.form-group input::placeholder{color:#94a3b8;opacity:.7}.btn-login{align-items:center;background:linear-gradient(135deg,var(--primary-green),var(--dark-green));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:var(--space-sm);justify-content:center;margin-top:3%;padding:14px;transition:var(--transition);width:100%}.btn-login:hover{box-shadow:0 10px 20px #00a8844d;transform:translateY(-2px)}.btn-login:active{transform:translateY(0)}.btn-login:after{content:"→";font-size:18px;opacity:0;transform:translateX(-10px);transition:var(--transition)}.btn-login:hover:after{opacity:1;transform:translateX(0)}.demo-credentials{background:var(--light-green);border:1px dashed var(--primary-green);border-radius:var(--radius-md);color:#1e293b;margin-top:var(--space-xl);padding:var(--space-lg);text-align:center}@media (prefers-color-scheme:dark){.demo-credentials{background:var(--light-green)!important;color:#1e293b!important}}.demo-credentials p{color:#475569;font-size:14px;margin-bottom:var(--space-sm)}.demo-credentials p:first-child{color:var(--dark-green);font-weight:600;margin-bottom:var(--space-md)}.demo-credentials p:not(:first-child){align-items:center;display:flex;gap:var(--space-sm);justify-content:center}.demo-credentials p:not(:first-child):before{content:"🔑";font-size:12px}.whatsapp-logo{margin-bottom:var(--space-xl);text-align:center}.whatsapp-logo span{align-items:center;background:linear-gradient(135deg,var(--primary-green),var(--dark-green));border-radius:50%;box-shadow:0 8px 20px #00a8844d;color:#fff;display:inline-block;display:flex;font-size:28px;font-weight:700;height:60px;justify-content:center;margin:0 auto var(--space-md);width:60px}.whatsapp-logo h1{color:var(--dark-green);font-size:1.5rem;font-weight:600}.login-options{align-items:center;color:#475569;display:flex;font-size:14px;justify-content:space-between;margin-top:var(--space-md)}@media (prefers-color-scheme:dark){.login-options{color:#475569!important}}.remember-me{align-items:center;color:#475569;display:flex;gap:var(--space-xs)}.remember-me input[type=checkbox]{accent-color:var(--primary-green);height:16px;width:16px}.forgot-password{color:var(--primary-green);font-weight:500;text-decoration:none;transition:var(--transition)}.forgot-password:hover{color:var(--dark-green);text-decoration:underline}.social-login{margin-top:var(--space-xl);text-align:center}.social-login p{color:#94a3b8;font-size:14px;margin-bottom:var(--space-md);position:relative}.social-login p:after,.social-login p:before{background:#e2e8f0;content:"";height:1px;position:absolute;top:50%;width:30%}.social-login p:before{left:0}.social-login p:after{right:0}.social-buttons{display:flex;gap:var(--space-md);justify-content:center}.social-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:var(--space-sm);padding:10px 20px;transition:var(--transition)}@media (prefers-color-scheme:dark){.social-btn{background:#fff!important;border-color:#e2e8f0!important;color:#1e293b!important}}.social-btn:hover{border-color:var(--primary-green);color:var(--primary-green);transform:translateY(-1px)}.btn-login.loading{color:#0000;position:relative}.btn-login.loading:before{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;position:absolute;width:20px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes success{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-message{animation:success .3s ease-out}@media (max-width:var(--breakpoint-sm )){.login-container{padding:var(--space-sm)}.login-box{margin:var(--space-sm);padding:var(--space-lg)}.login-box h2{font-size:1.75rem}.login-options,.social-buttons{flex-direction:column}.login-options{align-items:flex-start;gap:var(--space-md)}}@media (max-width:320px){.login-box{padding:var(--space-md)}.form-group input{padding:12px 14px}.btn-login{padding:12px}}@media (prefers-contrast:high){.login-box,.login-container{background:#fff!important}.login-box{border:2px solid var(--dark-green)}.btn-login{border:2px solid #fff}.form-group input{background:#fff!important;border:2px solid #1e293b}}@media (prefers-reduced-motion:reduce){.btn-login,.login-box,.social-btn{transition:none}.btn-login:hover{transform:none}@keyframes none{to{opacity:1}}}@media print{.login-container{background:#fff!important;padding:0}.login-box{background:#fff!important;border:1px solid #ddd;box-shadow:none;color:#000!important;max-width:100%}.btn-login,.forgot-password,.social-buttons{display:none}.form-group input{background:#fff!important;border:1px solid #000!important;color:#000!important}}:root{--primary-green:#00a884;--dark-green:#075e54;--light-green:#e7f6f2;--secondary-green:#128c7e;--background:#f8fafc;--surface:#fff;--border:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--transition:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;background:var(--background);color:#1e293b;color:var(--text-primary);font-family:var(--font-plus-jakarta);line-height:1.5}h1,h2,h3,h4{font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}.conversation-container{margin:0 auto;max-width:1600px;padding:24px}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between}.dashboard-title{color:#075e54;color:var(--dark-green);font-size:28px;margin-bottom:8px}.dashboard-subtitle{color:#64748b;color:var(--text-secondary);font-size:14px}.page-title{color:#1e293b;color:var(--text-primary);font-size:24px;margin-bottom:4px}.page-subtitle{color:#64748b;color:var(--text-secondary);font-size:14px}.conversation-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.main-content{margin-left:19%;min-height:100vh}.btn-primary{align-items:center;background:#00a884;background:var(--primary-green);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease;transition:var(--transition)}.btn-primary:hover{background:#075e54;background:var(--dark-green);transform:translateY(-1px)}.btn-secondary{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease;transition:var(--transition)}.btn-secondary:hover{background:#f8fafc;background:var(--background);border-color:#64748b;border-color:var(--text-secondary)}.btn-warning{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.btn-danger{background:#fee2e2;border:1px solid #f87171;color:#dc2626}.btn-back{align-items:center;background:none;border:none;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 0}.btn-back:hover{color:#00a884;color:var(--primary-green)}.btn-delete{background:none;border:1px solid #ef4444;border:1px solid var(--danger);border-radius:8px;border-radius:var(--radius-sm);color:#ef4444;color:var(--danger);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease;transition:var(--transition)}.btn-delete:hover{background:#ef4444;background:var(--danger);color:#fff}.dashboard-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-icon{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-value{color:#1e293b;color:var(--text-primary);font-size:24px;font-weight:600}.stat-label{font-family:var(--font-plus-jakarta);font-size:14px;margin-top:4px}.search-filter-section{margin-bottom:24px}.search-box{margin-bottom:16px;position:relative}.search-box input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);font-size:14px;padding:12px 16px 12px 44px;transition:all .2s ease;transition:var(--transition);width:100%}.search-box input:focus{border-color:#00a884;border-color:var(--primary-green);box-shadow:0 0 0 3px #00a8841a;outline:none}.search-icon{left:16px}.clear-search,.search-icon{color:#94a3b8;color:var(--text-muted);position:absolute;top:50%;transform:translateY(-50%)}.clear-search{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;right:16px;width:20px}.status-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.status-tab{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;transition:var(--transition)}.status-tab.active{background:#1ad772;border-color:#1ad772;color:#000}.tab-count{background:#0000000d;border-radius:10px;font-family:var(--font-plus-jakarta);font-size:12px;padding:2px 8px}.instances-grid{display:flex;flex-wrap:wrap;gap:1%}.instance-avatar-container{position:relative}.instance-avatar{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.instance-status-indicator{border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.instance-name{font-family:var(--font-outfit);font-size:18px;font-weight:700;margin-bottom:4px}.instance-phone{color:#64748b;color:var(--text-secondary);font-size:14px}.instance-divider{background:#e2e8f0;background:var(--border);height:1px;margin:4px 0}.instance-metrics{padding:12px 0}.metric-icon{font-size:24px;opacity:.8}.instance-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:12px}.instance-info{align-items:center;display:flex;gap:12px}.business-tag{background:#e7f6f2;background:var(--light-green);border-radius:12px;color:#00a884;color:var(--primary-green);font-size:12px;font-weight:500;padding:4px 12px}.last-seen{color:#64748b;color:var(--text-secondary);font-size:12px}.instance-actions{align-items:center;display:flex;gap:10px}.connection-status{background:#00a8841a;border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.metrics-section{margin:32px 0}.section-title{color:#1e293b;color:var(--text-primary);font-size:20px;margin-bottom:20px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metric-card{background:#fff;background:var(--surface);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);padding:20px;transition:all .2s ease;transition:var(--transition)}.metric-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.metric-icon-wrapper{align-items:center;background:#e7f6f2;background:var(--light-green);border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.metric-trend{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.metric-trend[data-trend=up]{background:#d1fae5;color:#065f46}.metric-trend[data-trend=down]{background:#fee2e2;color:#dc2626}.metric-trend[data-trend=neutral]{background:#e0e7ff;color:#3730a3}.metric-description{color:#64748b;color:var(--text-secondary);font-size:12px;margin-top:4px}.additional-info-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:32px}.info-card{background:#fff;background:var(--surface);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);padding:20px}.info-card-title{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:16px;gap:8px;margin-bottom:16px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#64748b;color:var(--text-secondary);font-size:12px}.info-value{color:#1e293b;color:var(--text-primary);font-size:18px;font-weight:600}.conversation-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:380px 1fr;height:600px;margin-top:24px}.conversation-sidebar{background:#fff;background:var(--surface);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.sidebar-header h3{color:#1e293b;color:var(--text-primary);font-size:16px}.badge{background:#00a884;background:var(--primary-green);border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.conversation-list{flex:1 1;overflow-y:auto}.conversation-item{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease;transition:var(--transition)}.conversation-item:hover{background:#f8fafc;background:var(--background)}.conversation-item.active{background:#e7f6f2;background:var(--light-green);border-left:3px solid #00a884;border-left:3px solid var(--primary-green)}.conversation-avatar{flex-shrink:0;position:relative}.avatar-initial{align-items:center;border-radius:10px;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.avatar-initial.large{font-size:24px;height:56px;width:56px}.unread-badge{align-items:center;background:#ef4444;background:var(--danger);border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.conversation-info{flex:1 1;min-width:0}.conversation-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.conversation-user{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#94a3b8;color:var(--text-muted);flex-shrink:0;font-size:11px}.conversation-preview{color:#64748b;color:var(--text-secondary);font-size:13px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-footer{align-items:center;display:flex;justify-content:space-between}.user-phone{color:#94a3b8;color:var(--text-muted);font-size:11px}.conversation-status{font-size:11px;font-weight:500;text-transform:uppercase}.conversation-main{border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);flex-direction:column;overflow:hidden}.chat-header,.conversation-main{background:#fff;background:var(--surface);display:flex}.chat-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);justify-content:space-between;padding:20px}.chat-user-info{align-items:center;display:flex;gap:16px}.chat-avatar{flex-shrink:0}.chat-actions{display:flex;gap:12px}.chat-messages{background:#f0f2f5;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.message{display:flex;max-width:70%}.message.received{align-self:flex-start}.message.sent{align-self:flex-end}.message-content{background:#fff;background:var(--surface);border-radius:18px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);padding:12px 16px;position:relative}.message.sent .message-content{background:#00a884;background:var(--primary-green);color:#fff}.message-time{display:block;font-size:11px;margin-top:4px}.message.sent .message-time{color:#fffc}.message-input-container{align-items:center;background:#fff;background:var(--surface);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:12px;padding:20px}.input-actions{display:flex;gap:8px}.input-action-btn{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:20px;padding:8px;transition:all .2s ease;transition:var(--transition)}.input-action-btn:hover{background:#f8fafc;background:var(--background);color:#1e293b;color:var(--text-primary)}.message-input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s ease;transition:var(--transition)}.message-input:focus{border-color:#00a884;border-color:var(--primary-green);box-shadow:0 0 0 3px #00a8841a;outline:none}.send-button{align-items:center;background:#00a884;background:var(--primary-green);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:44px}.send-button:hover:not(:disabled){background:#075e54;background:var(--dark-green);transform:scale(1.05)}.send-button:disabled{cursor:not-allowed;opacity:.5}.send-icon{font-size:18px;transform:rotate(45deg)}.no-chat-selected{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center}.no-chat-selected .empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.conversations-table-section{margin-top:32px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.table-container{background:#fff;background:var(--surface);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f8fafc;background:var(--background);color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:16px}.data-table td{font-size:14px}.data-table tr:hover{background:#f8fafc;background:var(--background)}.user-cell{gap:12px}.table-avatar,.user-cell{align-items:center;display:flex}.table-avatar{border-radius:8px;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.user-name{color:#1e293b;color:var(--text-primary);font-weight:500}.user-id{color:#94a3b8;color:var(--text-muted);font-size:12px;margin-top:2px}.last-message-cell{display:flex;flex-direction:column;gap:4px}.message-preview{color:#1e293b;color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{color:#94a3b8;color:var(--text-muted);font-size:12px}.status-tag{border-radius:12px;display:inline-block;padding:4px 12px}.status-tag,.unread-count{font-size:12px;font-weight:500}.unread-count{background:#00a884;background:var(--primary-green);border-radius:10px;color:#fff;min-width:24px;padding:4px 8px;text-align:center}.no-unread{color:#94a3b8;color:var(--text-muted);font-size:12px}.action-buttons{display:flex;gap:8px}.action-btn{border:1px solid;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;padding:5px;transition:all .2s ease;transition:var(--transition)}.action-btn.view{background:#e7f6f2;background:var(--light-green);border-color:#00a884;border-color:var(--primary-green);color:#00a884;color:var(--primary-green)}.action-btn.view:hover{background:#00a884;background:var(--primary-green);color:#fff}.action-btn.details{background:#fff;background:var(--surface);border-color:#e2e8f0;border-color:var(--border);color:#64748b;color:var(--text-secondary)}.action-btn.details:hover{background:#f8fafc;background:var(--background);border-color:#64748b;border-color:var(--text-secondary)}.empty-state{background:#fff;background:var(--surface);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);margin-top:32px;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#1e293b;color:var(--text-primary);font-size:20px;margin-bottom:8px}.empty-state p{color:#64748b;color:var(--text-secondary);margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:400px}@media (max-width:1200px){.conversation-layout{grid-template-columns:1fr;height:auto}.conversation-sidebar{height:400px}}@media (max-width:768px){.conversation-container,.dashboard-container{padding:16px}.dashboard-header{flex-direction:column;gap:16px}.instances-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.conversation-header,.profile-header{flex-direction:column;gap:16px}.profile-details{grid-template-columns:1fr}.connection-info-card{align-items:stretch;flex-direction:column;gap:16px}.connection-actions{flex-wrap:wrap}.additional-info-section,.metrics-grid{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-stats,.metric-row{grid-template-columns:1fr}.instance-footer{align-items:stretch;flex-direction:column;gap:12px}.instance-actions{justify-content:space-between}}.sidebar{background:#fff;border-right:1px solid #e5e7eb;height:100vh;left:0;padding:12px;position:fixed;top:0;width:17%;z-index:1000}.sidebar,.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav{flex:1 1;gap:6px;height:100%}.sidebar-logo-container{align-items:center;display:flex;justify-content:center;margin-top:auto;padding:20px 0}.sidebar-logo{height:auto;max-width:100%;object-fit:contain;width:200px}.sidebar-item{align-items:center;border-radius:8px;color:#374151;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 14px;text-decoration:none;transition:background .2s ease}.sidebar-item:hover{background:#f3f4f6}.sidebar-item.active{background:#e6f7f0;color:#10b981}.sidebar-icon{font-size:16px;text-align:center;width:20px}.sidebar-divider{background:#e5e7eb;height:1px;margin:12px 0}.logout{background:none;border:none;cursor:pointer;text-align:left;width:100%}@media (max-width:768px){.sidebar{width:240px}.sidebar-logo{width:180px}}@media (max-width:480px){.sidebar{width:220px}.sidebar-logo{width:160px}.sidebar-logo-container{padding:15px 0}}@media (min-height:900px){.sidebar-logo-container{padding:30px 0}}@media (max-height:600px){.sidebar-logo-container{padding:10px 0}.sidebar-logo{width:150px}}.instd-container{background:#fff;font-family:var(--font-plus-jakarta);min-height:91vh;padding:24px}.instd-header{margin-bottom:32px}.instd-header h1{color:#1e293b;font-family:var(--font-outfit);font-size:28px;font-weight:600;margin:0 0 8px}.instd-subtitle{color:#64748b;font-size:14px;font-weight:400;margin:0}.instd-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow:hidden}.instd-table{border-collapse:collapse;display:table;width:100%}.instd-table thead{background:#f1f5f9;border-bottom:2px solid #e2e8f0}.instd-table th{color:#64748b;font-family:var(--font-outfit);font-size:12px;font-weight:500;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.instd-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.instd-table tbody tr:hover{background:#f8fafc;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.instd-table td{color:#334155;font-size:14px;font-weight:400;padding:10px}.instd-row-even{background:#fff}.instd-row-odd{background:#fafcfd}.instd-instance-info{align-items:center;display:flex;gap:12px}.instd-avatar{align-items:center;background:linear-gradient(135deg,#166534,#166534);border-radius:25px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.instd-avatar,.instd-details h3{font-family:var(--font-outfit);font-weight:500}.instd-details h3{color:#1e293b;font-size:14px;margin:0 0 4px}.instd-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;font-weight:400;gap:7px}.instd-meta-item{display:flex;gap:4px}.instd-meta-item,.status-badge{align-items:center;font-family:var(--font-plus-jakarta)}.status-badge{border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;white-space:nowrap}.status-dot{border-radius:50%;height:8px;width:8px}.status-connected{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.status-connected .status-dot{background:#22c55e}.status-disconnected{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.status-disconnected .status-dot{background:#ef4444}.status-connecting{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.status-connecting .status-dot{background:#f59e0b}.instd-metric-cell{align-items:center;display:flex;font-family:var(--font-plus-jakarta);gap:8px}.metric-icon{color:#64748b;flex-shrink:0}.metric-value{color:#1e293b;font-size:14px;font-weight:500}.instd-last-active{font-size:13px}.active-now,.instd-last-active{font-family:var(--font-plus-jakarta)}.active-now{background:#d1fae5;border-radius:6px;color:#059669;font-weight:500;padding:7px}.inactive-time{color:#64748b;font-family:var(--font-plus-jakarta);gap:6px}.inactive-time,.instd-actions{align-items:center;display:flex}.instd-actions{gap:8px}.instd-btn-primary{align-items:center;background:#d1fae5;border:none;border-radius:6px;color:#1e293b;cursor:pointer;display:inline-flex;font-family:var(--font-plus-jakarta);font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.instd-btn-primary:hover{background:#bbf7d0;transform:translateY(-1px)}.instd-btn-icon{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-family:var(--font-plus-jakarta);height:36px;justify-content:center;transition:all .2s ease;width:36px}.instd-btn-icon:hover{background:#e2e8f0;color:#475569}.instd-mobile-view{display:none}.instd-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000d;margin-bottom:16px;padding:20px}.instd-mobile-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.instd-mobile-avatar{align-items:center;background:linear-gradient(135deg,#166534,#166534);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;width:48px}.instd-mobile-avatar,.instd-mobile-title h3{font-family:var(--font-outfit);font-weight:500}.instd-mobile-title h3{color:#1e293b;font-size:16px;margin:0 0 4px}.instd-mobile-details{grid-gap:12px;display:grid;gap:12px;margin-bottom:20px}.instd-mobile-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-family:var(--font-plus-jakarta);font-size:14px;justify-content:space-between;padding:8px 0}.instd-mobile-row:last-child{border-bottom:none}.instd-mobile-row span:first-child{align-items:center;color:#64748b;display:flex;font-weight:400;gap:6px}.instd-mobile-row span:last-child{color:#1e293b;font-weight:500;text-align:right}.truncate{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instd-mobile-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:20px 0}.instd-mobile-metric{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;font-family:var(--font-plus-jakarta);padding:12px}.instd-mobile-metric strong{color:#1e293b;font-size:18px;font-weight:500;margin-top:4px}.instd-mobile-metric span{color:#64748b;font-size:12px;font-weight:400}.instd-mobile-actions{display:flex;flex-direction:column;gap:12px}.instd-mobile-secondary-actions{display:flex;gap:8px}.instd-btn-outline{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;flex:1 1;font-family:var(--font-plus-jakarta);font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 14px;transition:all .2s ease}.instd-btn-outline:hover{background:#f1f5f9;border-color:#94a3b8}.instd-empty-state{color:#64748b;font-family:var(--font-plus-jakarta);padding:60px 20px;text-align:center}.instd-empty-state h3{color:#475569;font-family:var(--font-outfit);font-size:18px;font-weight:500;margin-bottom:8px}.instd-empty-state p{font-weight:400}@media (max-width:1024px){.instd-table td:nth-child(5),.instd-table td:nth-child(6),.instd-table th:nth-child(5),.instd-table th:nth-child(6){display:none}}@media (max-width:768px){.instd-container{padding:16px}.instd-table{display:none}.instd-mobile-view{display:block}.instd-header h1{font-size:24px}}@media (max-width:480px){.instd-mobile-metrics{grid-template-columns:repeat(3,1fr)}.instd-mobile-secondary-actions{flex-direction:column}.instd-mobile-row span:last-child{max-width:50%}}.footer-page{background-color:#fff;border-top:1px solid #fff;padding:1rem;text-align:center;width:100%}.copyright-text-page{color:#6c757d;font-size:.875rem;margin:0}
/*# sourceMappingURL=main.69598144.css.map*/