.login-overlay[data-v-12913603]{position:fixed;top:0;right:0;bottom:0;left:0;background:#111b21;display:flex;align-items:center;justify-content:center;z-index:9999}.login-card[data-v-12913603]{background:#202c33;border-radius:16px;padding:2rem 2.5rem;width:420px;max-width:95vw;max-height:92vh;overflow-y:auto;box-shadow:0 8px 40px #00000080}.login-logo[data-v-12913603]{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.login-logo h1[data-v-12913603]{font-size:1.5rem;font-weight:700;color:#e9edef;margin:0}.login-logo h1 span[data-v-12913603]{color:#25d366}.login-subtitle[data-v-12913603]{color:#8696a0;font-size:.9rem;margin-bottom:1.5rem}.form-group[data-v-12913603]{margin-bottom:1.2rem}.form-group label[data-v-12913603]{display:block;color:#8696a0;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.form-group input[data-v-12913603]{width:100%;box-sizing:border-box;background:#2a3942;border:none;border-bottom:2px solid #25D366;color:#e9edef;padding:.6rem .8rem;border-radius:6px 6px 0 0;font-size:1rem;outline:none}.form-group input[data-v-12913603]::placeholder{color:#546570}.avatar-grid[data-v-12913603]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avatar-option[data-v-12913603]{width:52px;height:52px;border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:border-color .2s}.avatar-option img[data-v-12913603]{width:100%;height:100%;object-fit:cover}.avatar-option.selected[data-v-12913603]{border-color:#25d366}.avatar-option[data-v-12913603]:hover{border-color:#128c7e}.upload-area[data-v-12913603]{background:#2a3942;border:2px dashed #3b4a54;border-radius:8px;padding:1rem;cursor:pointer;text-align:center;color:#8696a0;min-height:60px;display:flex;align-items:center;justify-content:center;transition:border-color .2s}.upload-area[data-v-12913603]:hover{border-color:#25d366}.custom-preview[data-v-12913603]{width:56px;height:56px;border-radius:50%;object-fit:cover}.login-error[data-v-12913603]{color:#f15c6d;font-size:.85rem;margin-bottom:.8rem}.btn-login[data-v-12913603]{width:100%;padding:.85rem;background:#25d366;color:#fff;border:none;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-login[data-v-12913603]:hover:not(:disabled){background:#20bc59}.btn-login[data-v-12913603]:disabled{background:#3b4a54;cursor:not-allowed}.msg-wrapper[data-v-2b2be183]{display:flex;align-items:flex-end;gap:8px;margin-bottom:4px}.msg-wrapper.own[data-v-2b2be183]{flex-direction:row-reverse}.msg-wrapper.system[data-v-2b2be183]{justify-content:center}.msg-system[data-v-2b2be183]{background:#111b21d9;color:#8696a0;font-size:.76rem;padding:4px 12px;border-radius:8px;text-align:center;max-width:80%}.msg-avatar[data-v-2b2be183]{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.msg-bubble[data-v-2b2be183]{max-width:65%;background:#202c33;border-radius:8px 8px 8px 0;padding:6px 10px 4px;position:relative}.msg-bubble.own[data-v-2b2be183]{background:#005c4b;border-radius:8px 8px 0}.msg-author[data-v-2b2be183]{font-size:.75rem;color:#25d366;font-weight:600;margin-bottom:2px}.msg-text[data-v-2b2be183]{margin:0 0 2px;color:#e9edef;font-size:.93rem;white-space:pre-wrap;word-break:break-word}.msg-time[data-v-2b2be183]{font-size:.7rem;color:#8696a0;float:right;margin-left:8px;margin-top:2px}.msg-img[data-v-2b2be183]{max-width:240px;max-height:200px;border-radius:6px;display:block;cursor:pointer}.file-download[data-v-2b2be183]{color:#25d366;text-decoration:none;font-size:.85rem;display:flex;align-items:center;gap:4px}.file-download[data-v-2b2be183]:hover{text-decoration:underline}.input-bar[data-v-d5ef07dd]{display:flex;align-items:center;gap:8px;background:#202c33;padding:10px 16px;flex-shrink:0}.btn-icon[data-v-d5ef07dd]{background:none;border:none;color:#8696a0;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;transition:color .2s}.btn-icon[data-v-d5ef07dd]:hover{color:#e9edef}.msg-input[data-v-d5ef07dd]{flex:1;background:#2a3942;border:none;border-radius:8px;color:#e9edef;padding:9px 14px;font-size:.93rem;outline:none}.msg-input[data-v-d5ef07dd]::placeholder{color:#546570}.btn-send[data-v-d5ef07dd]{background:#25d366;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.btn-send[data-v-d5ef07dd]:hover:not(:disabled){background:#20bc59}.btn-send[data-v-d5ef07dd]:disabled{background:#3b4a54;cursor:not-allowed}.file-badge[data-v-d5ef07dd]{background:#2a3942;border-radius:6px;padding:4px 10px;display:flex;align-items:center;gap:6px;font-size:.8rem;color:#e9edef;max-width:180px}.file-badge button[data-v-d5ef07dd]{background:none;border:none;color:#8696a0;cursor:pointer;font-size:.9rem}.room-chat[data-v-38c64325]{display:flex;flex-direction:column;height:100%;background:#0b141a}.room-header[data-v-38c64325]{display:flex;align-items:center;justify-content:space-between;background:#202c33;padding:10px 20px;flex-shrink:0;min-height:56px}.room-title[data-v-38c64325]{display:flex;align-items:center;gap:4px}.room-hash[data-v-38c64325]{color:#25d366;font-size:1.2rem;font-weight:700}.room-title span[data-v-38c64325]{color:#e9edef;font-size:1rem;font-weight:600}.btn-leave[data-v-38c64325]{background:#2a3942;border:none;color:#8696a0;border-radius:6px;padding:5px 12px;cursor:pointer;font-size:.82rem}.btn-leave[data-v-38c64325]:hover{color:#e9edef;background:#3b4a54}.messages-area[data-v-38c64325]{flex:1;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:2px}.typing-indicator[data-v-38c64325]{display:flex;align-items:center;gap:4px;color:#8696a0;font-size:.8rem;padding:4px 0}.dot[data-v-38c64325]{width:6px;height:6px;background:#8696a0;border-radius:50%;animation:bounce-38c64325 1.2s infinite ease-in-out}.dot[data-v-38c64325]:nth-child(2){animation-delay:.2s}.dot[data-v-38c64325]:nth-child(3){animation-delay:.4s}@keyframes bounce-38c64325{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.private-window[data-v-4aed7c55]{display:flex;flex-direction:column;background:#0b141a;height:100%}.priv-header[data-v-4aed7c55]{display:flex;align-items:center;gap:12px;background:#202c33;padding:10px 16px;flex-shrink:0}.priv-avatar[data-v-4aed7c55]{width:40px;height:40px;border-radius:50%;object-fit:cover}.priv-info[data-v-4aed7c55]{flex:1}.priv-name[data-v-4aed7c55]{display:block;color:#e9edef;font-weight:600;font-size:.95rem}.priv-status[data-v-4aed7c55]{font-size:.78rem;color:#8696a0}.btn-close[data-v-4aed7c55]{background:none;border:none;color:#8696a0;font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:4px}.btn-close[data-v-4aed7c55]:hover{color:#e9edef;background:#2a3942}.priv-messages[data-v-4aed7c55]{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:2px}.typing-indicator[data-v-4aed7c55]{display:flex;align-items:center;gap:4px;color:#8696a0;font-size:.8rem;padding:4px 0}.dot[data-v-4aed7c55]{width:6px;height:6px;background:#8696a0;border-radius:50%;animation:bounce-4aed7c55 1.2s infinite}.dot[data-v-4aed7c55]:nth-child(2){animation-delay:.2s}.dot[data-v-4aed7c55]:nth-child(3){animation-delay:.4s}@keyframes bounce-4aed7c55{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#111b21;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3b4a54;border-radius:3px}#app-root{height:100vh;display:flex}.wa-shell{display:flex;width:100%;height:100vh;background:#111b21}.sidebar{width:380px;flex-shrink:0;border-right:1px solid #2a3942;display:flex;flex-direction:column;background:#111b21}.sidebar-header{display:flex;align-items:center;gap:10px;background:#202c33;padding:10px 16px;min-height:60px;flex-shrink:0}.my-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.my-info{flex:1;min-width:0}.my-name{display:block;color:#e9edef;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-status{font-size:.75rem;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-logout{background:none;border:none;color:#8696a0;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center}.btn-logout:hover{color:#e9edef;background:#2a3942}.sidebar-search{display:flex;align-items:center;gap:8px;background:#111b21;padding:8px 16px;flex-shrink:0}.sidebar-search input{flex:1;background:#2a3942;border:none;border-radius:8px;color:#e9edef;padding:7px 12px;font-size:.85rem;outline:none}.sidebar-search input::placeholder{color:#546570}.sidebar-tabs{display:flex;border-bottom:1px solid #2a3942;flex-shrink:0}.sidebar-tabs button{flex:1;background:none;border:none;color:#8696a0;padding:10px 0;font-size:.85rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.sidebar-tabs button.active{color:#25d366;border-bottom-color:#25d366}.sidebar-list{flex:1;overflow-y:auto}.user-item,.room-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-bottom:1px solid #1f2c33;transition:background .15s}.user-item:hover,.room-item:hover,.user-item.active,.room-item.active{background:#2a3942}.user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-meta,.room-meta{flex:1;min-width:0}.user-name,.room-name{display:block;color:#e9edef;font-weight:500;font-size:.9rem}.user-status,.room-count{font-size:.78rem;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-icon{width:48px;height:48px;border-radius:50%;background:#2a3942;color:#25d366;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.room-item.joined .room-icon{background:#005c4b}.badge-join{font-size:.72rem;color:#25d366;background:#25d3661f;border-radius:10px;padding:2px 8px;flex-shrink:0}.unread-badge{background:#25d366;color:#fff;border-radius:50%;width:20px;height:20px;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.empty-hint{color:#546570;font-size:.85rem;text-align:center;padding:2rem 1rem}.chat-area{flex:1;display:flex;flex-direction:column;min-width:0}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;background:#222e35;border-left:1px solid #2a3942}.welcome-content{text-align:center;color:#8696a0;display:flex;flex-direction:column;align-items:center;gap:16px}.welcome-content h2{color:#e9edef;font-size:1.6rem;font-weight:300}.welcome-content p{font-size:.9rem;max-width:340px}