:root{--bg-color:#0a0a0a;--text-main:#fff;--text-muted:#a1a1aa;--accent-primary:#9b87f5;--accent-green:#10b981;--danger:#ef4444;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000004d}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html,body{height:100%;overflow:hidden}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#9b87f50a 0%,#0000 50%),radial-gradient(circle at 85% 30%,#9b87f50a 0%,#0000 50%);height:100dvh;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.container{flex-direction:column;max-width:1200px;height:100dvh;margin:0 auto;padding:0 24px;display:flex;overflow:hidden}h1,h2,h3{letter-spacing:-.02em;font-weight:700}.btn{cursor:pointer;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#000;box-shadow:0 0 20px #9b87f533}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #9b87f566}.btn-danger{color:var(--danger);background:#ef44441a;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444433}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-group{margin-bottom:16px}.input-group label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;display:block}.input-group input{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .3s}.input-group input:focus{border-color:var(--accent-primary);outline:none}.header{border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.login-container{justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.login-box{width:100%;max-width:400px;padding:40px 32px}.dashboard-grid{flex:1;grid-template-columns:350px 1fr;gap:24px;min-height:0;margin-top:24px;padding-bottom:24px;display:grid}@media (width<=768px){.dashboard-grid{flex:1;grid-template-columns:1fr;min-height:0;position:relative}.contacts-panel.mobile-hidden,.chat-container.mobile-hidden{display:none}.chat-container.mobile-full{z-index:1000;background-color:var(--bg-color);border:none;border-radius:0;width:100vw;height:100dvh;position:fixed;top:0;left:0}.desktop-hidden{display:block!important}.hide-on-mobile{display:none!important}.header{flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px 0}.header-logo img{height:48px!important}.header-actions{justify-content:space-between;width:100%}.btn-trocar{padding:8px!important}.kill-switch-text{display:none}.kill-switch-btn{border-radius:50%!important;padding:12px!important}}@media (width>=769px){.desktop-hidden{display:none!important}}.contacts-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.contacts-header{border-bottom:1px solid var(--glass-border);padding:20px}.contact-list{flex:1;overflow-y:auto}.contact-item{cursor:pointer;border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.contact-item:last-child{border-bottom:none}.contact-item:hover{background:#ffffff0d}.contact-item.active{background:#9b87f51a;border:1px solid #9b87f533}.unread-badge{background-color:var(--danger);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:700;display:flex}.chat-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.message{white-space:pre-wrap;word-wrap:break-word;word-break:break-word;border-radius:12px;max-width:80%;padding:12px 16px;font-size:.95rem;line-height:1.4}.message-in{background:#ffffff0d;border-bottom-left-radius:2px;align-self:flex-start}.message-out{background:#9b87f526;border:1px solid #9b87f54d;border-bottom-right-radius:2px;align-self:flex-end}.toast{border:1px solid var(--glass-border);color:#fff;opacity:0;z-index:1000;background:#111;border-radius:8px;align-items:center;gap:12px;padding:16px 24px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(100px);box-shadow:0 10px 40px #00000080}.toast.show{opacity:1;transform:translateY(0)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}