*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}:root{--bg-main: #ffffff;--bg-sidebar: #f0f2f5;--bg-nav: #eae6df;--text-primary: #111b21;--text-secondary: #667781;--border-color: #d1d7db;--active-bg: #d1d7db;--bg-chat: #efeae2;--bubble-out: #d9fdd3;--bubble-in: #ffffff;--chat-input-bg: #ffffff;--green-primary: #00a884}[data-theme=dark]{--bg-main: #0b141a;--bg-sidebar: #111b21;--bg-nav: #202c33;--text-primary: #e9edef;--text-secondary: #8696a0;--border-color: #222d34;--active-bg: #374045;--bg-chat: #0b141a;--bubble-out: #005c4b;--bubble-in: #202c33;--chat-input-bg: #2a3942}body{background-color:var(--bg-main);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.login-wrapper{height:100dvh;background-color:var(--bg-main);display:flex;justify-content:center;align-items:center;overflow:hidden}.login-card{background-color:var(--bg-main);width:90%;max-width:1000px;border-radius:12px;box-shadow:0 4px 10px #0000000d;padding:80px 60px;display:flex;flex-direction:column;gap:60px}.login-content{display:flex;justify-content:space-between;align-items:flex-start;gap:80px}.login-text{flex:1;color:var(--text-primary)}.login-text h1{font-weight:300;font-size:32px;margin-bottom:40px}.login-text ol{line-height:2.2;font-size:19px;padding-left:20px}.login-form{margin-top:50px;display:flex;flex-direction:column;gap:15px;max-width:320px}.login-form input{padding:14px;background-color:var(--bg-sidebar);border:1px solid #e9edef;color:var(--text-primary);border-radius:8px;outline:none;font-size:16px;transition:border-color .2s}.login-form input:focus{border-color:var(--green-primary)}.login-form button{background-color:var(--green-primary);color:var(--bg-main);border:none;padding:16px;border-radius:12px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:15px;transition:opacity .2s}.login-form button:active{transform:scale(.98)}.login-qr-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:15px}.login-qr-section img{width:300px;height:300px;padding:15px;background:var(--bg-main);border:1px solid rgba(0,0,0,.1);border-radius:8px}@media(max-width:767px){.login-card{padding:40px 20px;width:95%;box-shadow:none;background-color:transparent}.login-content{flex-direction:column-reverse;align-items:center;gap:40px}.login-text h1{font-size:24px;text-align:center}.login-text ol{font-size:16px}.login-form{max-width:100%}.login-qr-section img{width:200px;height:200px}}.searchBar-container,.searchBar-wrapper,.searchBar-input{transition:background-color .2s ease,color .2s ease}.searchBar-container{padding:8px 16px;background-color:var(--bg-main);display:flex;align-items:center;flex-shrink:0}.searchBar-wrapper{display:flex;align-items:center;background-color:var(--bg-sidebar);border-radius:8px;padding:0 10px;width:100%;height:36px}.searchBar-icon-btn{background:none;border:none;padding:0;display:flex;align-items:center;color:var(--text-secondary);cursor:pointer}.searchBar-input{flex:1;border:none;background-color:transparent;outline:none;font-size:14px;color:var(--text-primary);padding:0 12px}.searchBar-input::placeholder{color:var(--text-secondary);opacity:.6}.contact_item-link{display:flex;align-items:center;padding:0 16px;height:72px;text-decoration:none;color:inherit;cursor:pointer;transition:background-color .2s ease}.contact_item-link:hover{background-color:var(--active-bg)}.contact_item-avatar{width:49px;height:49px;border-radius:50%;object-fit:cover;margin-right:15px}.contact_item-info{flex:1;display:flex;flex-direction:column;justify-content:center;height:100%;border-bottom:1px solid var(--border-color)}.contact_item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.contact_item-name{font-size:17px;color:var(--text-primary);font-weight:400;transition:color .3s ease}.contact_item-time{font-size:12px;color:var(--text-secondary);transition:color .3s ease}.sidebar-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--bg-main);border-right:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.sidebar-header{height:60px;display:flex;align-items:center;padding:10px 16px;flex-shrink:0;background-color:var(--bg-main);gap:12px}.sidebar-titulo{font-size:20px;font-weight:700;color:#00a884;text-decoration:none;margin:0;white-space:nowrap}.hamburger-btn{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:5px;align-items:center;justify-content:center}.sidebar_contacts-container{flex:1;overflow-y:auto;background-color:var(--bg-main)}.no-results{padding:20px;text-align:center;color:var(--text-secondary);font-size:14px}@media(max-width:767px){.hamburger-btn{display:flex}.sidebar-titulo{font-size:18px}.sidebar-container{border-right:none}}.side_nav-container{width:60px;height:100dvh;background-color:var(--bg-sidebar);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0;border-right:1px solid var(--border-color);box-sizing:border-box;overflow:hidden;transition:background-color .3s ease}.side_nav-top,.side_nav-middle,.side_nav-bottom{display:flex;flex-direction:column;align-items:center;gap:15px}.side_nav-item{display:flex;justify-content:center;align-items:center;width:42px;height:42px;border-radius:10px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;outline:none}.side_nav-item.active,.side_nav-item.theme-selected{color:var(--text-primary);background-color:var(--active-bg);box-shadow:inset 0 0 0 1px #ffffff0d}@media(min-width:768px){.side_nav-item:hover{color:var(--text-primary);background-color:var(--active-bg)}.side_nav-avatar:hover{border-color:var(--text-primary)}}.side_nav-item:active{transform:scale(.92);background-color:var(--active-bg);opacity:.8}.side_nav-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid transparent;cursor:pointer;transition:border-color .2s ease}@media(max-width:767px){.side_nav-container{position:fixed;top:0;left:-75px;width:65px;height:100dvh;z-index:10000;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 12px #0006}.side_nav-container.open{left:0}.side_nav-top,.side_nav-middle{gap:12px}}.welcome_panel-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--bg-main);position:relative;transition:background-color .3s ease;border-left:1px solid var(--border-color)}.welcome_panel-content{text-align:center;max-width:560px;padding:20px}.welcome_panel-image{width:300px;margin-bottom:28px;opacity:.8;transition:filter .3s ease,opacity .3s ease}[data-theme=dark] .welcome_panel-image{filter:brightness(.8) contrast(1.1);opacity:.6}.welcome_panel-title{font-size:32px;font-weight:300;color:var(--text-primary);margin-bottom:16px;transition:color .3s ease}.welcome_panel-text{font-size:14px;line-height:20px;color:var(--text-secondary);transition:color .3s ease}.welcome_panel-footer{position:absolute;bottom:40px;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:8px;transition:color .3s ease}.home_screen-main-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-main)}.home_screen-side_nav{width:60px;flex-shrink:0}.home_screen-aside-container{width:350px;flex-shrink:0;border-right:1px solid var(--border-color)}.home_screen-main-content{flex:1;background-color:var(--bg-chat)}@media(max-width:767px){.home_screen-side_nav{position:absolute;width:0}.home_screen-aside-container{width:100%}.home_screen-main-content,.contact-active .home_screen-aside-container{display:none}.contact-active .home_screen-main-content{display:block!important;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9999}}.chat_header-container{height:60px;background-color:var(--bg-sidebar);display:flex;align-items:center;padding:0 16px;gap:12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.chat_header-profile-btn{display:flex;align-items:center;gap:12px;background:none;border:none;padding:4px 8px;margin-left:-4px;border-radius:8px;cursor:pointer;flex-grow:1;text-align:left;transition:background-color .2s ease}.chat_header-profile-btn:hover{background-color:var(--bg-hover)}.chat_header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat_header-info{display:flex;flex-direction:column;overflow:hidden}.chat_header-name{margin:0;font-size:16px;font-weight:500;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat_header-status{font-size:12px;color:var(--text-secondary);opacity:.8}.chat_header-actions{display:flex;gap:8px;flex-shrink:0}.icon-btn,.back-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;color:inherit;text-decoration:none}.icon-btn:hover,.back-button:hover{background-color:var(--bg-hover)}.back-button{display:none;margin-left:-8px}@media(max-width:767px){.back-button{display:flex}.chat_header-container{padding:0 10px;gap:4px}.chat_header-profile-btn{gap:8px;padding:4px}.chat_header-status{display:none}}.message_list-container{flex:1;overflow-y:auto;padding:20px 7%;display:flex;flex-direction:column;gap:8px;background-color:var(--bg-chat);transition:background-color .3s ease}.message-bubble{max-width:65%;padding:8px 12px;border-radius:8px;font-size:14.5px;position:relative;box-shadow:0 1px .5px #00000021;display:flex;flex-direction:column;color:var(--text-primary);word-wrap:break-word;word-break:break-word;white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble p{margin:0;padding:0;width:100%}.message-bubble.sent{align-self:flex-end;background-color:var(--bubble-out)}.message-bubble.received{align-self:flex-start;background-color:var(--bubble-in)}.message-time{font-size:11px;color:var(--text-secondary);align-self:flex-end;margin-top:4px}.chat_input-container{display:flex;align-items:flex-end;padding:10px 16px;background-color:var(--bg-sidebar);gap:8px;min-height:62px;box-sizing:border-box;transition:background-color .3s ease;width:100%}.chat_input-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.chat_input-field{flex:1;border:none;border-radius:25px;padding:12px 20px;font-size:15px;line-height:20px;outline:none;background-color:var(--chat-input-bg);color:var(--text-primary);resize:none;height:20px;max-height:120px;font-family:inherit;overflow-y:hidden;box-sizing:content-box;transition:all .3s ease}.chat_input-field::placeholder{color:var(--text-secondary);opacity:.7}.chat_input-send-btn{background:none;border:none;color:#00a884;font-weight:600;cursor:pointer;padding:12px 10px;font-size:16px;transition:opacity .2s ease}.chat_input-send-btn:hover{opacity:.8}.chat_input-send-btn:disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.5}.chat_panel-container{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--bg-chat);transition:background-color .3s ease;border-left:1px solid var(--border-color)}