body{background:#0a0e27!important;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh;background:#0a0e27}.dashboard-layout{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1629);display:flex;position:relative;overflow:hidden}.dashboard-layout:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(100,181,246,.03) 2px,rgba(100,181,246,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(100,181,246,.03) 2px,rgba(100,181,246,.03) 4px);background-size:50px 50px;animation:networkMove 20s linear infinite;z-index:0}@keyframes networkMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.dashboard-layout:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(100,181,246,.15) 0%,transparent 25%),radial-gradient(circle at 80% 70%,rgba(74,144,226,.15) 0%,transparent 25%),radial-gradient(circle at 50% 50%,rgba(100,181,246,.1) 0%,transparent 30%);animation:nodePulse 8s ease-in-out infinite;z-index:0}@keyframes nodePulse{0%,to{opacity:.6}50%{opacity:1}}.ambient-glow-1,.ambient-glow-2,.ambient-glow-3{position:fixed;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none;z-index:1}.ambient-glow-1{top:15%;left:10%;width:300px;height:300px;background:#4a90e2;animation:float1 15s ease-in-out infinite}.ambient-glow-2{top:60%;right:15%;width:250px;height:250px;background:#64b5f6;animation:float2 18s ease-in-out infinite}.ambient-glow-3{bottom:20%;left:40%;width:200px;height:200px;background:#5c9ce6;animation:float3 20s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.15)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-40px) scale(1.2)}}.sidebar{width:280px;background:#0f192db3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(100,181,246,.1);box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column;position:relative;z-index:10;flex-shrink:0}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(100,181,246,.05) 0%,transparent 100%);pointer-events:none}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid rgba(100,181,246,.1);position:relative}.sidebar-header h2{font-size:1.4rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:.75rem}.sidebar-header h2:before{content:"◆";color:#64b5f6;font-size:1.2rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.sidebar-nav{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:transparent;border:1px solid transparent;border-radius:12px;color:#ffffffb3;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#64b5f6,#4a90e2);transform:scaleY(0);transition:transform .3s ease}.nav-item:hover{background:#64b5f61a;color:#fff;border-color:#64b5f633;transform:translate(4px)}.nav-item:hover:before{transform:scaleY(1)}.nav-item.active{background:#64b5f626;color:#64b5f6;border-color:#64b5f64d;box-shadow:0 4px 16px #64b5f633}.nav-item.active:before{transform:scaleY(1)}.nav-icon{font-size:1.3rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-text{flex:1;line-height:1}.nav-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(100,181,246,.2) 50%,transparent 100%);margin:1rem 0}.nav-item-whatsapp{background:linear-gradient(135deg,#25d3661a,#128c7e1a);border:1px solid rgba(37,211,102,.3);margin-top:.5rem}.nav-item-whatsapp:hover{background:linear-gradient(135deg,#25d36633,#128c7e33);border-color:#25d36680}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(100,181,246,.1);text-align:center}.last-updated-sidebar{font-size:.75rem;color:#ffffff80;line-height:1.6}.main-container{flex:1;display:flex;flex-direction:column;position:relative;z-index:5;overflow:hidden}.content-header{padding:2rem 2.5rem;background:#0f192d99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(100,181,246,.1);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 24px #0003}.content-header h1{font-size:1.75rem;color:#fff;font-weight:700;margin:0;line-height:1;text-shadow:0 2px 20px rgba(100,181,246,.3)}.header-subtitle{font-size:.85rem;color:#fff9;margin:.5rem 0 0}.header-actions{display:flex;gap:1rem;align-items:center}.refresh-btn,.export-btn{padding:.75rem 1.5rem;background:#64b5f626;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,181,246,.3);border-radius:10px;color:#64b5f6;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.refresh-btn:hover,.export-btn:hover{background:#64b5f640;border-color:#64b5f680;transform:translateY(-2px);box-shadow:0 4px 16px #64b5f64d}.content-area{flex:1;overflow-y:auto;padding:2rem 2.5rem}.content-area::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-track{background:#ffffff05}.content-area::-webkit-scrollbar-thumb{background:#64b5f64d;border-radius:4px}.content-area::-webkit-scrollbar-thumb:hover{background:#64b5f680}.view-content{display:flex;flex-direction:column;gap:2rem}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.stat-card{background:#0f192d99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(100,181,246,.15);border-radius:16px;padding:1.75rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;box-shadow:0 4px 16px #0003;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#64b5f6,#4a90e2);transform:scaleX(0);transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px);border-color:#64b5f64d;box-shadow:0 8px 24px #64b5f633}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#64b5f626;border-radius:12px;flex-shrink:0}.stat-info{flex:1}.stat-info h3{font-size:.85rem;color:#ffffffb3;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:#fff;line-height:1}.stat-value.verified{color:#64b5f6}.stat-value.unverified{color:#ff9800}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.chart-card,.chart-card-full{background:#0f192d99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(100,181,246,.15);border-radius:16px;padding:2rem;box-shadow:0 4px 16px #0003}.chart-card h3,.chart-card-full h3{font-size:1.1rem;color:#fff;font-weight:600;margin-bottom:1.5rem}.chart-card-full{grid-column:1 / -1}.table-wrapper{background:#0f192d99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(100,181,246,.15);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0003}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#64b5f61a}.users-table th{padding:1.25rem 1rem;text-align:left;font-size:.85rem;font-weight:700;color:#64b5f6;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(100,181,246,.2)}.users-table td{padding:1.25rem 1rem;border-top:1px solid rgba(255,255,255,.05);color:#ffffffe6}.users-table tbody tr{transition:background .2s ease}.users-table tbody tr:hover{background:#64b5f614}.user-cell{display:flex;align-items:center;gap:1rem}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#64b5f6,#4a90e2);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem}.user-name{font-weight:600;color:#fff}.email-cell{color:#ffffffb3;font-size:.9rem}.date-cell{color:#fff9;font-size:.85rem}.badge{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.badge.email{background:#64b5f633;color:#64b5f6;border:1px solid rgba(100,181,246,.3)}.badge.google{background:#ea433533;color:#ef5350;border:1px solid rgba(234,67,53,.3)}.badge.verified{background:#64b5f633;color:#64b5f6;border:1px solid rgba(100,181,246,.3)}.badge.unverified{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.loading,.error-banner{text-align:center;padding:3rem;font-size:1.1rem;color:#ffffffb3}.error-banner{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:12px;color:#f44336}.custom-tooltip{background:#0f192df2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(100,181,246,.3);border-radius:8px;padding:.75rem 1rem;box-shadow:0 4px 16px #0000004d}.tooltip-label{color:#64b5f6;font-weight:600;margin-bottom:.25rem}.tooltip-value{color:#fff;font-size:1.1rem;font-weight:700}@media (max-width: 1200px){.charts-row{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{width:240px}.content-header,.content-area{padding:1.5rem}.stats-row{grid-template-columns:1fr}}.conversations-panel{width:400px;background:#111b21;border-right:1px solid #2a3942;display:flex;flex-direction:column}.conversations-panel h2{padding:1.25rem 1.5rem;font-size:1.5rem;font-weight:700;color:#e9edef;margin:0;background:#202c33}.search-box{margin:.75rem 1rem;padding:.625rem 1rem;border:none;border-radius:8px;font-size:.9rem;outline:none;background:#202c33;color:#e9edef;font-family:inherit}.search-box::placeholder{color:#8696a0}.search-box:focus{background:#2a3942}.conversations-list{flex:1;overflow-y:auto}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb{background:#374248;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#4a5a64}.conversation-item{padding:.75rem 1rem;cursor:pointer;transition:background .2s ease;background:#111b21;border-bottom:1px solid #2a3942}.conversation-item:hover{background:#202c33}.conversation-item.active{background:#2a3942}.conversation-info{position:relative}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.phone-number{font-weight:500;font-size:1rem;color:#e9edef}.mode-badge{padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.mode-badge.ai{background:#1f4d36;color:#25d366}.mode-badge.human{background:#5c3b2e;color:#ff9800}.last-message{font-size:.875rem;color:#8696a0;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.timestamp{font-size:.75rem;color:#667781}.chat-panel{flex:1;display:flex;flex-direction:column;background:#0b141a;position:relative}.chat-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image: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");opacity:.4;pointer-events:none}.chat-header{position:relative;z-index:10;background:#202c33;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a3942}.chat-user-info{display:flex;align-items:center;gap:1rem}.chat-user-info:before{content:"";width:40px;height:40px;background:#6b7c85;border-radius:50%}.chat-user-info h3{font-size:1rem;font-weight:500;color:#e9edef;margin:0}.chat-controls{display:flex;gap:.75rem}.chat-messages{position:relative;z-index:1;flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#374248;border-radius:3px}.message{display:flex;max-width:65%}.user-message{align-self:flex-end}.agent-message{align-self:flex-start}.message-content{padding:.5rem .75rem;border-radius:8px;box-shadow:0 1px .5px #00000021}.agent-message .message-content{background:#202c33;border-radius:0 8px 8px}.user-message .message-content{background:#005c4b;border-radius:8px 0 8px 8px}.message-content p{margin:0;color:#e9edef;line-height:1.5;font-size:.875rem;word-wrap:break-word;white-space:pre-wrap}.message-time{font-size:.6875rem;color:#8696a0;display:inline-block;margin-top:.25rem;margin-left:.5rem;float:right}.user-message .message-time{color:#a6c7bd}.message-type{margin-left:.25rem}.chat-input{position:relative;z-index:10;background:#202c33;padding:.625rem 1rem;display:flex;gap:.75rem;align-items:flex-end}.chat-input textarea{flex:1;padding:.625rem .75rem;border:none;border-radius:8px;resize:none;font-family:inherit;font-size:.9375rem;outline:none;min-height:42px;max-height:120px;background:#2a3942;color:#e9edef;line-height:1.5}.chat-input textarea::placeholder{color:#8696a0}.chat-input textarea:disabled{background:#1f2c34;cursor:not-allowed;opacity:.6}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:#8696a0}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.no-messages-icon{font-size:3rem;opacity:.3}.no-messages p{color:#8696a0;font-size:1rem;margin:0}.no-messages-hint{color:#667781;font-size:.875rem}.btn{padding:.5rem 1.25rem;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#25d366;color:#111b21}.btn-primary:hover:not(:disabled){background:#20bd5a}.btn-secondary{background:#ff9800;color:#111b21}.btn-secondary:hover:not(:disabled){background:#e68900}.btn-send{background:#25d366;color:#111b21;min-width:80px;height:42px}.btn-send:hover:not(:disabled){background:#20bd5a}.whatsapp-container{display:flex;flex-direction:column;height:100vh;background:#111b21;position:relative;overflow:hidden}.whatsapp-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#202c33;border-bottom:1px solid #2a3942}.header-left{display:flex;align-items:center;gap:1rem}.whatsapp-icon{width:40px;height:40px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.whatsapp-icon svg{width:24px;height:24px}.header-title h1{font-size:1.2rem;font-weight:600;color:#e9edef;margin:0}.header-title p{font-size:.85rem;color:#8696a0;margin:0}.header-right{display:flex;align-items:center;gap:1rem}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#2a3942;border-radius:8px}.status-dot{width:8px;height:8px;border-radius:50%}.connection-status.connected .status-dot{background:#25d366;box-shadow:0 0 8px #25d366}.connection-status.disconnected .status-dot{background:#f15c6d}.status-text{font-size:.85rem;font-weight:500;color:#e9edef}.stats-badge{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background:#2a3942;border-radius:8px}.stats-number{font-size:1.2rem;font-weight:700;color:#25d366;line-height:1}.stats-label{font-size:.7rem;color:#8696a0;text-transform:uppercase;margin-top:.25rem}.whatsapp-content{position:relative;z-index:10;display:flex;flex:1;overflow:hidden;background:#111b21}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#2a3942;border:none;border-radius:8px;color:#e9edef;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:1rem}.back-button svg{width:18px;height:18px}.back-button:hover{background:#374248}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0a0f1a!important;color:#fff}#root{min-height:100vh;background:#0a0f1a}