.icon[data-v-32b9cefc]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;position:relative;line-height:0}.icon[data-v-32b9cefc] svg{width:100%;height:100%;display:block;color:inherit}.icon-size-small[data-v-32b9cefc]{width:16px;height:16px}.icon-size-medium[data-v-32b9cefc]{width:24px;height:24px}.icon-size-large[data-v-32b9cefc]{width:32px;height:32px}.icon-size-xlarge[data-v-32b9cefc]{width:48px;height:48px}.icon-ui[data-v-32b9cefc]{transition:opacity .2s,color .2s}.icon-ui[data-v-32b9cefc]:hover{opacity:.8}.icon-social[data-v-32b9cefc],.icon-status[data-v-32b9cefc],.icon-chat[data-v-32b9cefc]{transition:color .2s}.input-wrapper[data-v-121da83f]{display:flex;flex-direction:column;gap:6px}.input-wrapper-full-width[data-v-121da83f]{width:100%}.input-label[data-v-121da83f]{font-size:14px;font-weight:600;color:var(--text-normal);display:flex;align-items:center;gap:4px}.required-mark[data-v-121da83f]{color:var(--red);font-weight:700}.input-container[data-v-121da83f]{position:relative;display:flex;align-items:center}.input[data-v-121da83f]{width:100%;font-family:inherit;font-size:14px;color:var(--text-normal);background:rgba(43,43,82,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;outline:none;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.input[data-v-121da83f]::placeholder{color:var(--text-muted);opacity:.6}.input-small[data-v-121da83f]{padding:8px 12px;font-size:12px;min-height:32px}.input-medium[data-v-121da83f]{padding:10px 14px;font-size:14px;min-height:40px}.input-large[data-v-121da83f]{padding:12px 16px;font-size:16px;min-height:48px}.input-with-icon-left[data-v-121da83f]{padding-left:40px}.input-with-icon-right[data-v-121da83f]{padding-right:40px}.input-small.input-with-icon-left[data-v-121da83f]{padding-left:36px}.input-small.input-with-icon-right[data-v-121da83f]{padding-right:36px}.input-large.input-with-icon-left[data-v-121da83f]{padding-left:44px}.input-large.input-with-icon-right[data-v-121da83f]{padding-right:44px}.input[data-v-121da83f]:hover:not(:disabled){border-color:#7c3aed4d;box-shadow:0 4px 20px #7c3aed33}.input[data-v-121da83f]:focus{border-color:#7c3aed99;background:rgba(43,43,82,.5);box-shadow:0 0 0 3px #7c3aed33,0 4px 20px #7c3aed4d}.input-wrapper-focused .input[data-v-121da83f]{border-color:#7c3aed99;box-shadow:0 0 0 3px #7c3aed33,0 4px 20px #7c3aed4d}.input[data-v-121da83f]:disabled{opacity:.5;cursor:not-allowed;background:var(--background-accent)}.input[data-v-121da83f]:read-only{background:var(--background-accent);color:var(--text-normal);cursor:default;font-family:Courier New,monospace;font-size:14px;font-weight:600}.input-error[data-v-121da83f],.input-error[data-v-121da83f]:focus{border-color:var(--red)}.input-wrapper-error .input[data-v-121da83f]:focus{box-shadow:0 0 0 3px #f047471a}.input-success[data-v-121da83f],.input-success[data-v-121da83f]:focus{border-color:var(--green)}.input-wrapper-success .input[data-v-121da83f]:focus{box-shadow:0 0 0 3px #43b5811a}.input-icon[data-v-121da83f]{position:absolute;color:var(--text-muted);pointer-events:none;display:flex;align-items:center;justify-content:center}.input-icon-left[data-v-121da83f]{left:12px}.input-icon-right[data-v-121da83f]{right:12px}.input-wrapper-focused .input-icon[data-v-121da83f]{color:var(--brand)}.input-wrapper-error .input-icon[data-v-121da83f]{color:var(--red)}.input-wrapper-success .input-icon[data-v-121da83f]{color:var(--green)}.clear-button[data-v-121da83f],.password-toggle[data-v-121da83f]{position:absolute;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-button[data-v-121da83f]:hover,.password-toggle[data-v-121da83f]:hover{background:var(--background-accent);color:var(--text-normal)}.input-helper[data-v-121da83f]{font-size:12px;min-height:18px}.helper-text[data-v-121da83f]{color:var(--text-muted)}.error-text[data-v-121da83f]{color:var(--red);font-weight:500}.input-counter[data-v-121da83f]{font-size:12px;color:var(--text-muted);text-align:right;margin-top:-4px}.input[data-v-121da83f],.input-icon[data-v-121da83f],.clear-button[data-v-121da83f],.password-toggle[data-v-121da83f]{transition:all .2s ease}.input[data-v-121da83f]:-webkit-autofill,.input[data-v-121da83f]:-webkit-autofill:hover,.input[data-v-121da83f]:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px var(--background-secondary) inset!important;-webkit-text-fill-color:var(--text-normal)!important}.btn[data-v-613315b3]{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;position:relative;outline:none}.btn[data-v-613315b3]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-small[data-v-613315b3]{padding:6px 12px;font-size:12px;border-radius:4px;min-height:28px}.btn-medium[data-v-613315b3]{padding:10px 16px;font-size:14px;border-radius:6px;min-height:36px}.btn-large[data-v-613315b3]{padding:12px 20px;font-size:16px;border-radius:8px;min-height:44px}.btn-icon-only[data-v-613315b3]{padding:8px;gap:0}.btn-icon-only.btn-small[data-v-613315b3]{padding:6px;min-width:28px}.btn-icon-only.btn-medium[data-v-613315b3]{padding:10px;min-width:36px}.btn-icon-only.btn-large[data-v-613315b3]{padding:12px;min-width:44px}.btn-primary[data-v-613315b3]{background:linear-gradient(135deg,rgba(124,58,237,.8),rgba(139,92,246,.9));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:0 4px 15px #7c3aed4d;position:relative;overflow:hidden}.btn-primary[data-v-613315b3]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary[data-v-613315b3]:hover:not(:disabled):before{left:100%}.btn-primary[data-v-613315b3]:hover:not(:disabled){background:linear-gradient(135deg,rgba(124,58,237,.9),rgba(139,92,246,1));transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed80;border-color:#ffffff4d}.btn-primary[data-v-613315b3]:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #7c3aed4d}.btn-secondary[data-v-613315b3]{background:rgba(79,84,92,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:var(--text-normal);box-shadow:0 4px 15px #0003}.btn-secondary[data-v-613315b3]:hover:not(:disabled){background:rgba(79,84,92,.7);border-color:#ffffff40;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.btn-secondary[data-v-613315b3]:active:not(:disabled){background:rgba(79,84,92,.8);transform:translateY(0)}.btn-danger[data-v-613315b3]{background:linear-gradient(135deg,rgba(248,113,113,.8),rgba(239,68,68,.9));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:0 4px 15px #f871714d}.btn-danger[data-v-613315b3]:hover:not(:disabled){background:linear-gradient(135deg,rgba(248,113,113,.9),rgba(239,68,68,1));box-shadow:0 8px 25px #f8717180;transform:translateY(-2px)}.btn-ghost[data-v-613315b3]{background:transparent;color:var(--text-normal);border:1px solid transparent}.btn-ghost[data-v-613315b3]:hover:not(:disabled){background:rgba(124,58,237,.2);border-color:#7c3aed4d;box-shadow:0 4px 12px #7c3aed33}.btn-link[data-v-613315b3]{background:transparent;color:var(--brand);text-decoration:underline;padding:4px 8px}.btn-link[data-v-613315b3]:hover:not(:disabled){color:var(--brand-hover);background:transparent}.btn[data-v-613315b3]:disabled,.btn-disabled[data-v-613315b3]{opacity:.5;cursor:not-allowed}.btn-loading[data-v-613315b3]{cursor:wait;pointer-events:none}.btn-loading .button-text[data-v-613315b3],.btn-loading .button-icon[data-v-613315b3]{opacity:.5}.btn-full-width[data-v-613315b3]{width:100%}.btn-rounded[data-v-613315b3]{border-radius:50%;padding:8px}.btn-rounded.btn-small[data-v-613315b3]{padding:6px}.btn-rounded.btn-large[data-v-613315b3]{padding:12px}.button-icon[data-v-613315b3]{flex-shrink:0;display:inline-flex}.button-text[data-v-613315b3]{flex:1;min-width:0}.spinner[data-v-613315b3]{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin-613315b3 .6s linear infinite}@keyframes spin-613315b3{to{transform:rotate(360deg)}}.btn[data-v-613315b3]:not(:disabled):active{transform:scale(.98)}.login-container[data-v-1778d029]{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--background-primary);padding:20px}.login-form[data-v-1778d029]{background:rgba(43,43,82,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:40px;border-radius:24px;width:100%;max-width:400px;box-shadow:0 8px 32px #0000005e;border:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden}.login-form[data-v-1778d029]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(124,58,237,.1) 0%,transparent 70%);animation:rotate-glow-1778d029 15s linear infinite;pointer-events:none}@keyframes rotate-glow-1778d029{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo[data-v-1778d029]{text-align:center;margin-bottom:32px;position:relative;z-index:1}.logo h1[data-v-1778d029]{background:linear-gradient(135deg,#a78bfa 0%,#c084fc 50%,#e879f9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:48px;font-weight:700;margin-bottom:8px;text-shadow:0 0 30px rgba(167,139,250,.5);letter-spacing:-1px}.logo p[data-v-1778d029]{color:var(--text-muted);font-size:16px}.form[data-v-1778d029]{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.form-group[data-v-1778d029]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-1778d029]{font-weight:600;font-size:14px;color:var(--text-normal);text-shadow:0 2px 4px rgba(0,0,0,.3)}.error[data-v-1778d029]{background:rgba(248,113,113,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(248,113,113,.3);color:#fecaca;padding:16px;border-radius:12px;font-size:14px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 4px 15px #f8717133}.error-icon[data-v-1778d029]{font-size:18px;flex-shrink:0}.error-content[data-v-1778d029]{flex:1}.error-title[data-v-1778d029]{font-weight:600;margin-bottom:4px}.error-message[data-v-1778d029]{font-size:13px;opacity:.9}.warning[data-v-1778d029]{background:rgba(251,191,36,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(251,191,36,.3);color:#fde68a;padding:16px;border-radius:12px;font-size:14px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 4px 15px #fbbf2433}.warning-icon[data-v-1778d029]{font-size:18px;flex-shrink:0}.warning-content[data-v-1778d029]{flex:1}.warning-title[data-v-1778d029]{font-weight:600;margin-bottom:4px}.warning-message[data-v-1778d029]{font-size:13px;margin-bottom:8px}.success[data-v-1778d029]{background:rgba(74,222,128,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(74,222,128,.3);color:#bbf7d0;padding:16px;border-radius:12px;font-size:14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 15px #4ade8033}.success-icon[data-v-1778d029]{font-size:18px;flex-shrink:0}.info[data-v-1778d029]{background:rgba(124,58,237,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(124,58,237,.3);color:#ddd6fe;padding:16px;border-radius:12px;font-size:14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 15px #7c3aed33}.info-icon[data-v-1778d029]{font-size:18px;flex-shrink:0;animation:spin-1778d029 1s linear infinite}@keyframes spin-1778d029{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-link[data-v-1778d029]{background:none;border:none;color:currentColor;text-decoration:underline;cursor:pointer;font-size:13px;padding:2px 0}.btn-link[data-v-1778d029]:hover{opacity:.8}.loading-spinner[data-v-1778d029]{margin-right:8px}.btn[data-v-1778d029]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-1778d029]{margin-top:12px}.user-status-indicator[data-v-b4429a0b]{display:inline-flex;align-items:center;gap:.375rem}.status-dot[data-v-b4429a0b]{display:inline-block;border-radius:50%;border:2px solid #2f3136;flex-shrink:0}.size-small .status-dot[data-v-b4429a0b]{width:8px;height:8px}.size-medium .status-dot[data-v-b4429a0b]{width:12px;height:12px}.size-large .status-dot[data-v-b4429a0b]{width:16px;height:16px}.size-small .status-text[data-v-b4429a0b],.size-medium .status-text[data-v-b4429a0b]{font-size:.75rem}.size-large .status-text[data-v-b4429a0b]{font-size:1rem}.status-online[data-v-b4429a0b]{background-color:#43b581;box-shadow:0 0 6px #43b58180}.status-offline[data-v-b4429a0b]{background-color:#747f8d}.status-away[data-v-b4429a0b]{background-color:#faa61a;box-shadow:0 0 6px #faa61a80}.status-busy[data-v-b4429a0b]{background-color:#f04747;box-shadow:0 0 6px #f0474780;position:relative}.status-busy[data-v-b4429a0b]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:2px;background-color:#2f3136;border-radius:1px}.status-text[data-v-b4429a0b]{color:#b9bbbe;font-weight:500}@keyframes pulse-glow-b4429a0b{0%,to{box-shadow:0 0 6px #43b58180}50%{box-shadow:0 0 12px #43b581cc}}.status-online[data-v-b4429a0b]{animation:pulse-glow-b4429a0b 2s ease-in-out infinite}.user-status-indicator:hover .status-dot[data-v-b4429a0b]{transform:scale(1.1);transition:transform .2s ease}.modal-overlay[data-v-f10aec18]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-f10aec18]{background:var(--background-secondary);border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.modal-header[data-v-f10aec18]{padding:20px;border-bottom:1px solid var(--background-accent);display:flex;align-items:center;justify-content:space-between}.modal-header h3[data-v-f10aec18]{font-size:20px;font-weight:600;margin:0}.close-btn[data-v-f10aec18]{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-btn[data-v-f10aec18]:hover{background:var(--background-accent);color:var(--text-normal)}.modal-content[data-v-f10aec18]{padding:20px;display:flex;flex-direction:column;gap:20px}.form-group[data-v-f10aec18]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-f10aec18]{font-weight:600;font-size:14px;color:var(--text-normal)}.search-input[data-v-f10aec18]{margin-bottom:8px}.friends-list[data-v-f10aec18]{max-height:400px;min-height:300px;overflow-y:auto;border:1px solid var(--background-accent);border-radius:6px;background:var(--background-primary)}.friends-items[data-v-f10aec18]{display:flex;flex-direction:column}.friend-item[data-v-f10aec18]{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--background-accent)}.friend-item[data-v-f10aec18]:last-child{border-bottom:none}.friend-item[data-v-f10aec18]:hover{background:var(--background-secondary)}.friend-item.selected[data-v-f10aec18]{background:var(--brand);color:#fff}.friend-avatar[data-v-f10aec18]{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.avatar-img[data-v-f10aec18]{width:100%;height:100%;object-fit:cover}.friend-item.selected .friend-avatar[data-v-f10aec18]{background:white;color:var(--brand)}.avatar-status-badge[data-v-f10aec18]{position:absolute;bottom:-2px;right:-2px}.friend-info[data-v-f10aec18]{flex:1;min-width:0}.friend-name[data-v-f10aec18]{font-weight:600;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-status[data-v-f10aec18]{font-size:12px}.check-icon[data-v-f10aec18]{font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.loading[data-v-f10aec18],.empty-state[data-v-f10aec18]{padding:20px;text-align:center;color:var(--text-muted);font-size:14px}.help-text[data-v-f10aec18]{font-size:12px;color:var(--text-muted);margin-top:4px}.error[data-v-f10aec18]{background:var(--red);color:#fff;padding:12px;border-radius:4px;font-size:14px}.modal-actions[data-v-f10aec18]{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-actions button[data-v-f10aec18]{min-width:100px}select.input[data-v-f10aec18]{cursor:pointer}.friends-list[data-v-f10aec18]::-webkit-scrollbar{width:8px}.friends-list[data-v-f10aec18]::-webkit-scrollbar-track{background:var(--background-primary)}.friends-list[data-v-f10aec18]::-webkit-scrollbar-thumb{background:var(--background-accent);border-radius:4px}.friends-list[data-v-f10aec18]::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-overlay[data-v-2b56b5fa]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-2b56b5fa]{background:var(--background-secondary);border-radius:8px;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d}.modal-header[data-v-2b56b5fa]{padding:20px;border-bottom:1px solid var(--background-accent);display:flex;align-items:center;justify-content:space-between}.modal-header h3[data-v-2b56b5fa]{font-size:20px;font-weight:600;margin:0}.close-btn[data-v-2b56b5fa]{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-btn[data-v-2b56b5fa]:hover{background:var(--background-accent);color:var(--text-normal)}.modal-content[data-v-2b56b5fa]{padding:20px;display:flex;flex-direction:column;gap:16px;flex:1;overflow:hidden}.search-section[data-v-2b56b5fa]{display:flex;flex-direction:column;gap:8px}.search-section .input[data-v-2b56b5fa]{width:100%;padding:10px;border:1px solid var(--background-accent);border-radius:6px;background:white;color:var(--text-normal);font-size:14px}.search-section .input[data-v-2b56b5fa]:focus{outline:none;border-color:var(--brand)}.friends-list[data-v-2b56b5fa]{flex:1;min-height:300px;max-height:400px;overflow-y:auto;border:1px solid var(--background-accent);border-radius:6px;background:var(--background-primary)}.loading[data-v-2b56b5fa],.empty-state[data-v-2b56b5fa]{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:14px}.friends-items[data-v-2b56b5fa]{display:flex;flex-direction:column}.friend-item[data-v-2b56b5fa]{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--background-accent)}.friend-item[data-v-2b56b5fa]:last-child{border-bottom:none}.friend-item[data-v-2b56b5fa]:hover:not(.disabled){background:var(--background-secondary)}.friend-item.selected[data-v-2b56b5fa]{background:var(--brand);color:#fff}.friend-item.disabled[data-v-2b56b5fa]{opacity:.5;cursor:not-allowed}.friend-avatar[data-v-2b56b5fa]{width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;position:relative;flex-shrink:0;overflow:hidden}.avatar-img[data-v-2b56b5fa]{width:100%;height:100%;object-fit:cover}.friend-item.selected .friend-avatar[data-v-2b56b5fa]{background:white;color:var(--brand)}.avatar-status-badge[data-v-2b56b5fa]{position:absolute;bottom:-2px;right:-2px}.friend-info[data-v-2b56b5fa]{flex:1;min-width:0}.friend-name[data-v-2b56b5fa]{font-weight:600;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-status[data-v-2b56b5fa]{font-size:12px;color:var(--text-muted)}.friend-item.selected .friend-status[data-v-2b56b5fa]{color:#fffc}.already-member[data-v-2b56b5fa]{font-style:italic}.check-icon[data-v-2b56b5fa]{font-size:20px;font-weight:700;color:#fff}.error[data-v-2b56b5fa]{background:var(--red);color:#fff;padding:12px;border-radius:4px;font-size:14px}.success[data-v-2b56b5fa]{background:var(--green);color:#fff;padding:12px;border-radius:4px;font-size:14px}.modal-actions[data-v-2b56b5fa]{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--background-accent)}.modal-actions button[data-v-2b56b5fa]{min-width:100px}.status-selector[data-v-29824e45]{position:relative;width:100%}.current-status[data-v-29824e45]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--background-accent);border:2px solid var(--background-accent);border-radius:8px;cursor:pointer;transition:all .2s}.current-status[data-v-29824e45]:hover{background:var(--background-hover);border-color:var(--brand)}.dropdown-icon[data-v-29824e45]{color:var(--text-muted);font-size:12px;transition:transform .2s}.status-dropdown[data-v-29824e45]{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--background-secondary);border:1px solid var(--background-accent);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:1000;overflow:hidden}.status-option[data-v-29824e45]{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;transition:background-color .2s;text-align:left}.status-option[data-v-29824e45]:hover{background:var(--background-accent)}.status-option.active[data-v-29824e45]{background:var(--background-hover)}.status-info[data-v-29824e45]{flex:1;min-width:0}.status-label[data-v-29824e45]{font-weight:600;font-size:14px;color:var(--text-normal);margin-bottom:2px}.status-description[data-v-29824e45]{font-size:12px;color:var(--text-muted)}.check-icon[data-v-29824e45]{color:var(--brand);font-size:16px;font-weight:700}.dropdown-enter-active[data-v-29824e45],.dropdown-leave-active[data-v-29824e45]{transition:all .2s ease}.dropdown-enter-from[data-v-29824e45],.dropdown-leave-to[data-v-29824e45]{opacity:0;transform:translateY(-8px)}.status-option+.status-option[data-v-29824e45]{border-top:1px solid var(--background-accent)}@media (max-width: 640px){.status-dropdown[data-v-29824e45]{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:12px 12px 0 0}}.sound-settings[data-v-80460475]{padding:20px}.settings-title[data-v-80460475]{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text-normal)}.setting-item[data-v-80460475]{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--background-accent)}.setting-item[data-v-80460475]:last-child{border-bottom:none}.setting-label[data-v-80460475]{flex:1}.setting-label span[data-v-80460475]{font-size:14px;font-weight:500;color:var(--text-normal);display:block;margin-bottom:4px}.setting-description[data-v-80460475]{font-size:12px;color:var(--text-muted);margin:0}.toggle-switch[data-v-80460475]{position:relative;display:inline-block;width:50px;height:26px;cursor:pointer}.toggle-switch input[data-v-80460475]{opacity:0;width:0;height:0}.toggle-slider[data-v-80460475]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--background-accent);border-radius:26px;transition:.3s}.toggle-slider[data-v-80460475]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider[data-v-80460475]{background-color:var(--brand)}.toggle-switch input:checked+.toggle-slider[data-v-80460475]:before{transform:translate(24px)}.volume-slider[data-v-80460475]{width:150px;height:6px;border-radius:3px;background:var(--background-accent);outline:none;-webkit-appearance:none}.volume-slider[data-v-80460475]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--brand);cursor:pointer;transition:all .2s}.volume-slider[data-v-80460475]::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider[data-v-80460475]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--brand);cursor:pointer;border:none;transition:all .2s}.volume-slider[data-v-80460475]::-moz-range-thumb:hover{transform:scale(1.2)}.test-button[data-v-80460475]{width:100%;padding:10px 16px;background:var(--background-accent);border:1px solid var(--background-accent);border-radius:8px;color:var(--text-normal);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.test-button[data-v-80460475]:hover{background:var(--brand);border-color:var(--brand);color:#fff}.test-button[data-v-80460475]:active{transform:scale(.98)}.modal-overlay[data-v-9cc11f87]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-9cc11f87]{background:var(--background-secondary);border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.modal-header[data-v-9cc11f87]{padding:20px;border-bottom:1px solid var(--background-accent);display:flex;align-items:center;justify-content:space-between}.modal-header h3[data-v-9cc11f87]{font-size:20px;font-weight:600;margin:0}.close-btn[data-v-9cc11f87]{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-btn[data-v-9cc11f87]:hover{background:var(--background-accent);color:var(--text-normal)}.modal-content[data-v-9cc11f87]{padding:20px}.tabs[data-v-9cc11f87]{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--background-accent)}.tab[data-v-9cc11f87]{padding:12px 20px;background:none;border:none;color:var(--text-normal);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;border-bottom:2px solid transparent}.tab.active[data-v-9cc11f87]{border-bottom-color:var(--brand)}.tab-content[data-v-9cc11f87]{display:flex;flex-direction:column;gap:24px}.section[data-v-9cc11f87]{display:flex;flex-direction:column;gap:16px}.section h4[data-v-9cc11f87]{font-size:16px;font-weight:600;margin:0;color:var(--text-normal)}.avatar-section[data-v-9cc11f87]{display:flex;align-items:center;gap:20px}.avatar-preview[data-v-9cc11f87]{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-preview img[data-v-9cc11f87]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-9cc11f87]{width:100%;height:100%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600}.avatar-actions[data-v-9cc11f87]{display:flex;gap:12px;flex-wrap:wrap}.form-group[data-v-9cc11f87]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-9cc11f87]{font-weight:600;font-size:14px;color:var(--text-normal)}.user-tag[data-v-9cc11f87]{padding:12px;background:var(--background-accent);border-radius:4px;font-family:Courier New,monospace;font-size:14px;color:var(--text-normal);font-weight:600}.help-text[data-v-9cc11f87]{font-size:12px;color:var(--text-normal);margin:0}.message[data-v-9cc11f87]{padding:12px;border-radius:4px;font-size:14px;margin-top:16px}.message.error[data-v-9cc11f87]{background:var(--red);color:#fff}.message.success[data-v-9cc11f87]{background:var(--green);color:#fff}.modal[data-v-9cc11f87]::-webkit-scrollbar{width:8px}.modal[data-v-9cc11f87]::-webkit-scrollbar-track{background:var(--background-primary)}.modal[data-v-9cc11f87]::-webkit-scrollbar-thumb{background:var(--background-accent);border-radius:4px}.modal[data-v-9cc11f87]::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-overlay[data-v-3843dd45]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-3843dd45]{background:var(--background-secondary);border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.modal-header[data-v-3843dd45]{padding:20px;border-bottom:1px solid var(--background-accent);display:flex;align-items:center;justify-content:space-between}.modal-header h3[data-v-3843dd45]{font-size:20px;font-weight:600;margin:0}.close-btn[data-v-3843dd45]{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-btn[data-v-3843dd45]:hover{background:var(--background-accent);color:var(--text-normal)}.modal-content[data-v-3843dd45]{padding:20px;display:flex;flex-direction:column;gap:20px}.chat-avatar-section[data-v-3843dd45]{display:flex;justify-content:center;padding:20px 0}.chat-avatar-large[data-v-3843dd45]{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--background-accent)}.tabs[data-v-3843dd45]{display:flex;gap:8px;border-bottom:2px solid var(--background-accent)}.tab-btn[data-v-3843dd45]{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-btn[data-v-3843dd45]:hover{color:var(--text-normal);background:var(--background-accent)}.tab-btn.active[data-v-3843dd45]{color:var(--brand);border-bottom-color:var(--brand)}.tab-content[data-v-3843dd45]{min-height:200px}.info-tab[data-v-3843dd45]{display:flex;flex-direction:column;gap:16px}.info-group[data-v-3843dd45]{display:flex;flex-direction:column;gap:4px}.info-label[data-v-3843dd45]{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-3843dd45]{font-size:14px;color:var(--text-normal);padding:8px 12px;background:var(--background-primary);border-radius:6px}.settings-tab[data-v-3843dd45]{display:flex;flex-direction:column}.form-group[data-v-3843dd45]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-label[data-v-3843dd45]{font-weight:600;font-size:14px;color:var(--text-normal)}.avatar-upload[data-v-3843dd45]{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-preview[data-v-3843dd45]{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--background-accent)}.actions-section[data-v-3843dd45]{display:flex;flex-direction:column;gap:12px;padding-top:16px;margin-top:16px;border-top:1px solid var(--background-accent)}.action-btn[data-v-3843dd45]{width:100%}.form-actions[data-v-3843dd45]{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid var(--background-accent)}.error[data-v-3843dd45]{background:var(--red);color:#fff;padding:12px;border-radius:4px;font-size:14px}.success[data-v-3843dd45]{background:var(--green);color:#fff;padding:12px;border-radius:4px;font-size:14px}.modal-overlay[data-v-b2a91e3b]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-b2a91e3b .2s ease}@keyframes fadeIn-b2a91e3b{0%{opacity:0}to{opacity:1}}.modal[data-v-b2a91e3b]{background:var(--background-secondary);border-radius:8px;width:90%;max-width:450px;box-shadow:0 8px 32px #0000004d;animation:slideUp-b2a91e3b .3s ease}@keyframes slideUp-b2a91e3b{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal[data-v-b2a91e3b]{border:2px solid var(--background-accent)}.modal-header[data-v-b2a91e3b]{padding:20px 20px 16px;border-bottom:1px solid var(--background-accent)}.modal-header h3[data-v-b2a91e3b]{font-size:18px;font-weight:600;margin:0;color:var(--text-normal)}.modal-content[data-v-b2a91e3b]{padding:20px}.confirm-message[data-v-b2a91e3b]{font-size:14px;color:var(--text-normal);line-height:1.5;margin:0}.modal-actions[data-v-b2a91e3b]{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px 20px;border-top:1px solid var(--background-accent)}.modal-actions button[data-v-b2a91e3b]{min-width:100px}.modal-overlay[data-v-90806a34]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-90806a34]{background:var(--background-secondary);border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.modal-header[data-v-90806a34]{padding:20px;border-bottom:1px solid var(--background-accent);display:flex;align-items:center;justify-content:space-between}.modal-header h3[data-v-90806a34]{font-size:20px;font-weight:600;margin:0}.close-btn[data-v-90806a34]{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-btn[data-v-90806a34]:hover{background:var(--background-accent);color:var(--text-normal)}.modal-content[data-v-90806a34]{padding:20px;display:flex;flex-direction:column;gap:24px}.user-avatar-section[data-v-90806a34]{display:flex;justify-content:center;padding:20px 0}.user-avatar-container[data-v-90806a34]{position:relative;width:140px;height:140px}.user-avatar-large[data-v-90806a34]{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid var(--background-accent)}.avatar-status-badge[data-v-90806a34]{position:absolute;bottom:4px;right:4px}.user-info-section[data-v-90806a34]{display:flex;flex-direction:column;gap:16px}.info-group[data-v-90806a34]{display:flex;flex-direction:column;gap:4px}.info-label[data-v-90806a34]{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-90806a34]{font-size:14px;color:var(--text-normal);padding:10px 12px;background:var(--background-primary);border-radius:6px}.actions-section[data-v-90806a34]{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--background-accent)}.action-btn[data-v-90806a34]{width:100%}.error[data-v-90806a34]{background:var(--red);color:#fff;padding:12px;border-radius:4px;font-size:14px}.success[data-v-90806a34]{background:var(--green);color:#fff;padding:12px;border-radius:4px;font-size:14px}.friends-manager[data-v-cb0e4e5c]{height:100%;display:flex;flex-direction:column}.friends-header[data-v-cb0e4e5c]{padding:16px;border-bottom:1px solid var(--background-accent)}.search-section[data-v-cb0e4e5c]{margin-bottom:16px}.search-input-wrapper[data-v-cb0e4e5c]{position:relative}.search-input[data-v-cb0e4e5c]{width:100%;padding:8px 32px 8px 12px;border:1px solid var(--background-accent);border-radius:6px;background:var(--background-secondary);color:var(--text-normal);font-size:14px}.search-input[data-v-cb0e4e5c]:focus{outline:none;border-color:var(--brand)}.clear-search-btn[data-v-cb0e4e5c]{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.tabs[data-v-cb0e4e5c]{display:flex;gap:4px;justify-content:center}.tab-btn[data-v-cb0e4e5c]{flex:1;padding:8px 12px;border:none;background:var(--background-accent);color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s}.tab-btn[data-v-cb0e4e5c]:hover{background:var(--background-hover)}.tab-btn.active[data-v-cb0e4e5c]{background:var(--brand);color:#fff}.tab-count[data-v-cb0e4e5c]{background:rgba(255,255,255,.2);color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;min-width:16px;text-align:center}.tab-btn.active .tab-count[data-v-cb0e4e5c]{background:rgba(255,255,255,.3)}.tab-content[data-v-cb0e4e5c]{flex:1;overflow-y:auto;padding:16px}.loading[data-v-cb0e4e5c],.empty-state[data-v-cb0e4e5c]{text-align:center;color:var(--text-muted);padding:40px 20px}.search-results[data-v-cb0e4e5c],.friends-list[data-v-cb0e4e5c],.requests-list[data-v-cb0e4e5c],.blocked-list[data-v-cb0e4e5c]{display:flex;flex-direction:column;gap:8px}.user-item[data-v-cb0e4e5c],.friend-item[data-v-cb0e4e5c],.request-item[data-v-cb0e4e5c],.blocked-item[data-v-cb0e4e5c]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:var(--background-accent);transition:background-color .2s}.friend-item[data-v-cb0e4e5c]{cursor:pointer}.user-item[data-v-cb0e4e5c]:hover,.friend-item[data-v-cb0e4e5c]:hover,.request-item[data-v-cb0e4e5c]:hover,.blocked-item[data-v-cb0e4e5c]:hover{background:var(--background-primary)}.friend-item.active[data-v-cb0e4e5c]{background:var(--background-primary);color:#fff}.friend-item.active .friend-name[data-v-cb0e4e5c]{color:#fff;font-weight:600}.friend-item.active .friend-status[data-v-cb0e4e5c]{color:#fffc}.user-avatar[data-v-cb0e4e5c],.friend-avatar[data-v-cb0e4e5c],.request-avatar[data-v-cb0e4e5c],.blocked-avatar[data-v-cb0e4e5c]{width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;position:relative;overflow:hidden}.avatar-img[data-v-cb0e4e5c]{width:100%;height:100%;object-fit:cover}.friend-avatar[data-v-cb0e4e5c]{position:relative}.status-badge[data-v-cb0e4e5c]{position:absolute;bottom:-2px;right:-2px}.user-info[data-v-cb0e4e5c],.friend-info[data-v-cb0e4e5c],.request-info[data-v-cb0e4e5c],.blocked-info[data-v-cb0e4e5c]{flex:1}.user-name[data-v-cb0e4e5c],.friend-name[data-v-cb0e4e5c],.request-name[data-v-cb0e4e5c],.blocked-name[data-v-cb0e4e5c]{font-weight:600;font-size:14px;margin-bottom:2px}.user-status[data-v-cb0e4e5c],.friend-status[data-v-cb0e4e5c],.request-time[data-v-cb0e4e5c],.blocked-time[data-v-cb0e4e5c]{font-size:12px;color:var(--text-muted)}.user-actions[data-v-cb0e4e5c],.friend-actions[data-v-cb0e4e5c],.request-actions[data-v-cb0e4e5c]{display:flex;align-items:center;gap:8px}.status-text[data-v-cb0e4e5c]{font-size:12px;color:var(--text-muted);font-style:italic}.btn[data-v-cb0e4e5c]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.btn-primary[data-v-cb0e4e5c]{background:var(--brand);color:#fff}.btn-primary[data-v-cb0e4e5c]:hover:not(:disabled){background:var(--brand-hover)}.btn-secondary[data-v-cb0e4e5c]{background:var(--background-hover);color:var(--text-normal)}.btn-secondary[data-v-cb0e4e5c]:hover:not(:disabled){background:var(--background-accent)}.btn-sm[data-v-cb0e4e5c]{padding:4px 8px;font-size:11px}.btn[data-v-cb0e4e5c]:disabled{opacity:.5;cursor:not-allowed}.dropdown[data-v-cb0e4e5c]{position:relative}.dropdown-menu[data-v-cb0e4e5c]{position:absolute;top:100%;right:0;background:var(--background-secondary);border:1px solid var(--background-accent);border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:150px;z-index:1000;margin-top:4px}.dropdown-item[data-v-cb0e4e5c]{width:100%;padding:8px 12px;border:none;background:none;color:var(--text-normal);text-align:left;cursor:pointer;font-size:12px;transition:background-color .2s}.dropdown-item[data-v-cb0e4e5c]:hover{background:var(--background-accent)}.dropdown-item[data-v-cb0e4e5c]:first-child{border-radius:6px 6px 0 0}.dropdown-item[data-v-cb0e4e5c]:last-child{border-radius:0 0 6px 6px}.sidebar[data-v-389df3de]{width:300px;background:var(--background-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;box-shadow:4px 0 20px #0003;position:relative;z-index:2}.sidebar-header[data-v-389df3de]{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(139,92,246,.05))}.user-info[data-v-389df3de]{display:flex;align-items:center;gap:12px}.header-actions[data-v-389df3de]{display:flex;gap:8px}.btn-icon[data-v-389df3de]{background:var(--background-accent);border:none;color:var(--text-normal);padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s;font-size:16px;display:flex;align-items:center;justify-content:center}.btn-icon[data-v-389df3de]:hover{background:var(--brand)}.btn-icon[data-v-389df3de]:active{transform:scale(.95)}.user-info[data-v-389df3de]{cursor:pointer;padding:8px;margin:-8px;border-radius:12px;transition:all .3s ease}.user-info[data-v-389df3de]:hover{background:rgba(124,58,237,.2);box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-1px)}.user-avatar[data-v-389df3de]{position:relative;width:40px;height:40px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0}.avatar-status-badge[data-v-389df3de]{position:absolute;bottom:-2px;right:-2px}.user-avatar-img[data-v-389df3de]{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-details[data-v-389df3de]{flex:1;min-width:0}.username[data-v-389df3de]{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status-display[data-v-389df3de]{font-size:12px;color:var(--text-muted)}.quick-status-selector[data-v-389df3de]{background:rgba(43,43,82,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:12px;box-shadow:0 4px 10px #0003}.status-title[data-v-389df3de]{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;padding:0 8px}.quick-status-option[data-v-389df3de]{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:rgba(79,84,92,.3);border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left;margin-bottom:6px}.quick-status-option[data-v-389df3de]:hover{background:rgba(124,58,237,.3);border-color:#7c3aed80;box-shadow:0 4px 12px #7c3aed4d;transform:translate(4px)}.quick-status-option.active[data-v-389df3de]{background:linear-gradient(135deg,rgba(124,58,237,.8),rgba(139,92,246,.9));border-color:#fff3;box-shadow:0 4px 15px #7c3aed80}.quick-status-option.active .status-label[data-v-389df3de]{color:#fff;font-weight:600}.status-label[data-v-389df3de]{flex:1;font-size:14px;color:var(--text-normal)}.slide-down-enter-active[data-v-389df3de],.slide-down-leave-active[data-v-389df3de]{transition:all .3s ease;max-height:200px}.slide-down-enter-from[data-v-389df3de],.slide-down-leave-to[data-v-389df3de]{max-height:0;opacity:0;transform:translateY(-10px)}.tabs-header[data-v-389df3de]{display:flex;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(43,43,82,.3);position:relative;padding:4px;gap:4px}.tab-btn[data-v-389df3de]{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;border-radius:10px;position:relative;z-index:1}.tab-btn[data-v-389df3de]:hover{background:rgba(124,58,237,.2);color:var(--text-normal)}.tab-btn.active[data-v-389df3de]{color:#fff;background:linear-gradient(135deg,rgba(124,58,237,.8),rgba(139,92,246,.9));box-shadow:0 4px 15px #7c3aed66}.tab-icon[data-v-389df3de]{font-size:16px}.tab-count[data-v-389df3de]{background:var(--brand);color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;min-width:16px;text-align:center}.tab-btn.active .tab-count[data-v-389df3de]{background:var(--brand-hover)}.tab-content[data-v-389df3de]{flex:1;overflow-y:auto;display:flex;flex-direction:column}.friends-tab[data-v-389df3de],.chats-tab[data-v-389df3de]{flex:1;display:flex;flex-direction:column}.chats-section[data-v-389df3de]{flex:1;overflow-y:auto}.section-header[data-v-389df3de]{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--background-accent)}.section-header h3[data-v-389df3de]{font-size:16px;font-weight:600}.section-header .btn[data-v-389df3de]{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.loading[data-v-389df3de],.empty-state[data-v-389df3de]{padding:20px;text-align:center;color:var(--text-muted)}.chats-list[data-v-389df3de]{padding:8px}.chat-item[data-v-389df3de]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;background:rgba(79,84,92,.2);border:1px solid rgba(255,255,255,.05);margin-bottom:6px}.chat-item[data-v-389df3de]:hover{background:rgba(124,58,237,.2);border-color:#7c3aed4d;box-shadow:0 4px 12px #7c3aed33;transform:translate(4px)}.chat-item.active[data-v-389df3de]{background:linear-gradient(135deg,rgba(124,58,237,.8),rgba(139,92,246,.9));border-color:#fff3;box-shadow:0 4px 15px #7c3aed80}.chat-item.unread[data-v-389df3de]:not(.active){background:rgba(124,58,237,.15);border-left:3px solid var(--brand);padding-left:9px;box-shadow:0 0 20px #7c3aed4d}.chat-avatar[data-v-389df3de]{width:40px;height:40px;border-radius:50%;flex-shrink:0;overflow:hidden}.chat-avatar-img[data-v-389df3de]{width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-info[data-v-389df3de]{flex:1;min-width:0}.chat-name[data-v-389df3de]{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item.unread:not(.active) .chat-name[data-v-389df3de]{font-weight:700}.chat-item.active .chat-name[data-v-389df3de]{color:#fff}.chat-type[data-v-389df3de]{font-size:12px;color:var(--text-muted)}.chat-item.active .chat-type[data-v-389df3de]{color:#fffc}.unread-badge[data-v-389df3de]{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:12px;min-width:22px;text-align:center;flex-shrink:0;box-shadow:0 2px 8px #7c3aed80;border:1px solid rgba(255,255,255,.2)}.chat-item.active .unread-badge[data-v-389df3de]{background:rgba(255,255,255,.9);color:var(--brand);box-shadow:0 2px 8px #ffffff4d}.chat-header[data-v-cb7cb464]{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(43,43,82,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 4px 15px #0003;position:relative;z-index:1}.chat-header-left[data-v-cb7cb464]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.chat-header-left.clickable[data-v-cb7cb464]{cursor:pointer;padding:8px;margin:-8px;border-radius:12px;transition:all .3s ease}.chat-header-left.clickable[data-v-cb7cb464]:hover{background:rgba(124,58,237,.2);box-shadow:0 4px 12px #7c3aed4d}.chat-header-left.clickable[data-v-cb7cb464]:active{transform:scale(.98)}.typing-indicator[data-v-cb7cb464]{font-style:italic;color:var(--text-normal);font-size:12px;animation:pulse-text-cb7cb464 1.5s ease-in-out infinite}@keyframes pulse-text-cb7cb464{0%,to{opacity:.7}50%{opacity:1}}.chat-avatar-container[data-v-cb7cb464]{position:relative;width:48px;height:48px;flex-shrink:0}.chat-avatar[data-v-cb7cb464]{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--background-accent)}.avatar-status-badge[data-v-cb7cb464]{position:absolute;bottom:-2px;right:-2px}.chat-info[data-v-cb7cb464]{flex:1;min-width:0}.chat-header h2[data-v-cb7cb464]{font-size:20px;font-weight:600;margin-bottom:4px}.chat-participants[data-v-cb7cb464]{font-size:12px;color:var(--text-normal);display:flex;align-items:center;gap:8px}.online-count[data-v-cb7cb464]{display:inline-flex;align-items:center;gap:4px;color:var(--text-normal)}.online-dot[data-v-cb7cb464]{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse-glow-cb7cb464 2s ease-in-out infinite}@keyframes pulse-glow-cb7cb464{0%,to{opacity:1}50%{opacity:.6}}.chat-actions[data-v-cb7cb464]{display:flex;gap:8px}.btn-icon[data-v-cb7cb464]{background:var(--background-accent);border:none;color:var(--text-normal);padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s;font-size:16px;display:flex;align-items:center;gap:4px}.btn-icon[data-v-cb7cb464]:hover{background:var(--brand);color:#fff}.btn-icon[data-v-cb7cb464]:active{transform:scale(.95)}.mobile-members-button[data-v-cb7cb464]{display:none}@media screen and (max-width: 768px){.mobile-members-button[data-v-cb7cb464]{display:flex}}.voice-call-panel-fixed[data-v-0a2a298f]{position:fixed;top:70px;left:50%;transform:translate(-50%);width:90%;max-width:600px;z-index:900;animation:slideDown-0a2a298f .3s ease}@keyframes slideDown-0a2a298f{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.voice-call-panel[data-v-0a2a298f]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:16px 20px;box-shadow:0 8px 16px #0003,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.call-status-bar[data-v-0a2a298f]{display:flex;align-items:center;justify-content:space-between;color:#fff}.call-info[data-v-0a2a298f]{display:flex;align-items:center;gap:12px;flex:1}.call-icon[data-v-0a2a298f]{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.call-details[data-v-0a2a298f]{display:flex;flex-direction:column;gap:4px;min-width:0}.call-status[data-v-0a2a298f]{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-participants[data-v-0a2a298f]{font-size:13px;opacity:.9;white-space:nowrap}.call-controls[data-v-0a2a298f]{display:flex;gap:10px;align-items:center}.control-btn[data-v-0a2a298f]{width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.control-btn[data-v-0a2a298f]:hover:not(:disabled){background:rgba(255,255,255,.3);transform:scale(1.08)}.control-btn[data-v-0a2a298f]:active:not(:disabled){transform:scale(.95)}.control-btn[data-v-0a2a298f]:disabled{opacity:.5;cursor:not-allowed}.control-btn.active[data-v-0a2a298f]{background:rgba(255,59,48,.9)}.control-btn.active[data-v-0a2a298f]:hover:not(:disabled){background:rgba(255,59,48,1)}.cancel-btn[data-v-0a2a298f]{background:rgba(255,149,0,.8)}.cancel-btn[data-v-0a2a298f]:hover:not(:disabled){background:rgba(255,149,0,1)}.leave-btn[data-v-0a2a298f]{background:rgba(255,59,48,.9)}.leave-btn[data-v-0a2a298f]:hover:not(:disabled){background:rgba(255,59,48,1)}.video-container[data-v-0a2a298f]{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);position:relative}.local-video-preview[data-v-0a2a298f]{position:absolute;top:24px;right:8px;width:160px;height:120px;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.3);z-index:10;box-shadow:0 4px 12px #0000004d}.local-video-preview video[data-v-0a2a298f]{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview-label[data-v-0a2a298f]{position:absolute;bottom:4px;left:4px;background:rgba(0,0,0,.6);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.remote-video-wrapper[data-v-0a2a298f]{position:relative;width:100%;min-height:240px;background:rgba(0,0,0,.3);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.remote-video-wrapper video[data-v-0a2a298f]{width:100%;max-width:640px;height:auto;border-radius:12px;background:#000;object-fit:cover;z-index:1;position:relative}.video-placeholder[data-v-0a2a298f]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;color:#ffffffb3;position:absolute;width:100%;height:100%;z-index:0}.video-placeholder p[data-v-0a2a298f]{margin:0;font-size:15px;font-weight:500}.participants-list[data-v-0a2a298f]{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);max-height:200px;overflow-y:auto}.participants-list[data-v-0a2a298f]::-webkit-scrollbar{width:6px}.participants-list[data-v-0a2a298f]::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.participants-list[data-v-0a2a298f]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.participant-item[data-v-0a2a298f]{display:flex;align-items:center;gap:12px;padding:10px 0;color:#fff;transition:background .2s}.participant-item[data-v-0a2a298f]:hover{background:rgba(255,255,255,.05);border-radius:6px;padding-left:8px;padding-right:8px;margin:0 -8px}.participant-avatar[data-v-0a2a298f]{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex-shrink:0}.participant-name[data-v-0a2a298f]{flex:1;font-size:14px;font-weight:500}.participant-status[data-v-0a2a298f]{opacity:.9;display:flex;align-items:center}.incoming-call-banner[data-v-0a2a298f]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:14px 18px;margin-bottom:16px;box-shadow:0 4px 12px #667eea4d;animation:bannerSlideDown-0a2a298f .3s ease}@keyframes bannerSlideDown-0a2a298f{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.banner-content[data-v-0a2a298f]{display:flex;align-items:center;gap:14px;color:#fff}.call-icon.ringing-inline[data-v-0a2a298f]{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;animation:pulse-0a2a298f 1.5s infinite ease-in-out;flex-shrink:0}.banner-text[data-v-0a2a298f]{flex:1;min-width:0}.banner-text strong[data-v-0a2a298f]{font-size:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.join-btn-inline[data-v-0a2a298f]{padding:10px 24px;border:none;border-radius:8px;background:white;color:#667eea;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px;white-space:nowrap;flex-shrink:0}.join-btn-inline[data-v-0a2a298f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.join-btn-inline[data-v-0a2a298f]:active:not(:disabled){transform:translateY(0)}.join-btn-inline[data-v-0a2a298f]:disabled{opacity:.7;cursor:not-allowed}.incoming-call-notification[data-v-0a2a298f]{position:fixed;bottom:24px;right:24px;background:white;border-radius:16px;padding:18px 24px;box-shadow:0 12px 24px #00000026,0 0 0 1px #0000000d;z-index:1000;animation:slideInFromRight-0a2a298f .4s cubic-bezier(.68,-.55,.265,1.55);max-width:400px}@keyframes slideInFromRight-0a2a298f{0%{transform:translate(500px);opacity:0}to{transform:translate(0);opacity:1}}.notification-content[data-v-0a2a298f]{display:flex;align-items:center;gap:16px}.call-icon.ringing[data-v-0a2a298f]{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;animation:pulse-0a2a298f 1.5s infinite ease-in-out;flex-shrink:0}@keyframes pulse-0a2a298f{0%,to{transform:scale(1);box-shadow:0 0 #667eeab3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #667eea00}}.notification-text[data-v-0a2a298f]{flex:1;min-width:0}.notification-text strong[data-v-0a2a298f]{display:block;font-size:16px;font-weight:600;margin-bottom:4px;color:#1a1a1a}.chat-name[data-v-0a2a298f]{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.join-btn[data-v-0a2a298f]{padding:12px 28px;border:none;border-radius:10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px;white-space:nowrap;flex-shrink:0}.join-btn[data-v-0a2a298f]:hover{transform:translateY(-3px);box-shadow:0 6px 16px #667eea66}.join-btn[data-v-0a2a298f]:active{transform:translateY(-1px)}@media (max-width: 768px){.voice-call-panel-fixed[data-v-0a2a298f]{top:60px;width:95%}.voice-call-panel[data-v-0a2a298f]{padding:12px 16px}.call-icon[data-v-0a2a298f]{width:36px;height:36px}.control-btn[data-v-0a2a298f]{width:40px;height:40px}.call-controls[data-v-0a2a298f]{gap:8px}.incoming-call-notification[data-v-0a2a298f]{bottom:16px;right:16px;left:16px;max-width:none}.notification-content[data-v-0a2a298f]{gap:12px}.call-icon.ringing[data-v-0a2a298f]{width:44px;height:44px}}.search-panel[data-v-394a1dee]{background:var(--background-secondary);border-bottom:1px solid var(--background-accent);transition:all .3s;flex-shrink:0;min-height:48px;max-height:48px}.search-header[data-v-394a1dee]{display:flex;align-items:center;gap:8px;padding:8px 12px;height:100%}.search-input-wrapper[data-v-394a1dee]{flex:1;position:relative;display:flex;align-items:center}.search-input[data-v-394a1dee]{width:100%;padding:8px 32px 8px 12px;border:1px solid var(--background-accent);border-radius:6px;background:var(--background-primary);color:var(--text-normal);font-size:14px}.search-input[data-v-394a1dee]:focus{outline:none;border-color:var(--brand)}.clear-btn[data-v-394a1dee]{position:absolute;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px;display:flex;align-items:center;justify-content:center}.clear-btn[data-v-394a1dee]:hover{color:var(--text-normal)}.search-nav[data-v-394a1dee]{display:flex;align-items:center;gap:4px;flex-shrink:0}.search-count[data-v-394a1dee]{font-size:12px;color:var(--text-muted);padding:0 8px;white-space:nowrap}.nav-btn[data-v-394a1dee]{background:var(--background-accent);border:none;color:var(--text-normal);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.nav-btn[data-v-394a1dee]:hover:not(:disabled){background:var(--brand);color:#fff}.nav-btn[data-v-394a1dee]:disabled{opacity:.3;cursor:not-allowed}.close-btn[data-v-394a1dee]{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px;border-radius:4px;flex-shrink:0}.close-btn[data-v-394a1dee]:hover{background:var(--background-accent);color:var(--text-normal)}.voice-message[data-v-d48dc514]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--background-accent);border-radius:12px;max-width:400px;cursor:pointer;transition:all .2s}.voice-message[data-v-d48dc514]:hover{background:var(--background-modifier-hover)}.play-button[data-v-d48dc514]{width:40px;height:40px;border-radius:50%;border:none;background:var(--brand);color:#fff;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.play-button[data-v-d48dc514]:hover:not(:disabled){background:var(--brand-hover);transform:scale(1.05)}.play-button[data-v-d48dc514]:active:not(:disabled){transform:scale(.95)}.play-button[data-v-d48dc514]:disabled{opacity:.6;cursor:not-allowed}.voice-content[data-v-d48dc514]{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.waveform[data-v-d48dc514]{display:flex;align-items:center;gap:2px;height:32px}.wave-bar[data-v-d48dc514]{flex:1;min-width:2px;background:var(--brand);border-radius:2px;transition:all .3s}.voice-info[data-v-d48dc514]{display:flex;gap:4px;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.voice-time[data-v-d48dc514]{font-weight:600;color:var(--text-normal)}.voice-separator[data-v-d48dc514],.voice-duration[data-v-d48dc514]{color:var(--text-muted)}@media (max-width: 768px){.voice-message[data-v-d48dc514]{max-width:100%}}.message-attachments[data-v-90227cc3]{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.message-attachments-grouped[data-v-90227cc3]{padding-left:68px}.attachment-item[data-v-90227cc3]{border-radius:8px;overflow:hidden;transition:all .2s}.attachment-image-preview[data-v-90227cc3]{display:block;max-width:400px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;border:1px solid var(--background-accent)}.attachment-image-preview[data-v-90227cc3]:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.attachment-image-preview img[data-v-90227cc3]{display:block;width:100%;height:auto;object-fit:cover}.attachment-file[data-v-90227cc3]{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background-accent);border-radius:8px;text-decoration:none;transition:all .2s;max-width:400px}.attachment-file[data-v-90227cc3]:hover{background:var(--background-modifier-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.attachment-icon[data-v-90227cc3]{font-size:32px;flex-shrink:0}.attachment-info[data-v-90227cc3]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.attachment-name[data-v-90227cc3]{font-size:14px;font-weight:500;color:var(--text-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size[data-v-90227cc3]{font-size:12px;color:var(--text-muted)}@media (max-width: 768px){.attachment-image-preview[data-v-90227cc3],.attachment-file[data-v-90227cc3]{max-width:100%}}.message-reply[data-v-d96f706c]{display:flex;gap:8px;padding:8px 12px;margin-bottom:4px;background:var(--background-modifier-hover);border-radius:8px;cursor:pointer;transition:all .2s}.message-reply-grouped[data-v-d96f706c]{margin-left:68px}.reply-line[data-v-d96f706c]{width:3px;background:var(--brand);border-radius:2px;flex-shrink:0}.reply-content[data-v-d96f706c]{flex:1;min-width:0}.reply-author[data-v-d96f706c]{font-size:12px;font-weight:600;color:var(--brand);margin-bottom:2px}.reply-text[data-v-d96f706c]{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-menu-wrapper[data-v-c93a4498]{position:relative}.context-menu-trigger[data-v-c93a4498]{padding:4px 8px;background:var(--background-accent);border:1px solid var(--background-modifier-hover);border-radius:6px;cursor:pointer;transition:all .2s;font-size:18px;line-height:1;color:var(--text-muted)}.context-menu-trigger[data-v-c93a4498]:hover{background:var(--background-modifier-hover);border-color:var(--brand)}.context-menu-trigger[data-v-c93a4498]:active{transform:scale(.95)}.context-menu[data-v-c93a4498]{position:absolute;top:100%;right:0;margin-top:4px;min-width:200px;background:var(--background-primary);border:1px solid var(--background-accent);border-radius:8px;box-shadow:0 4px 16px #0003;z-index:1000;animation:slideDown-c93a4498 .2s ease-out;overflow:hidden}@keyframes slideDown-c93a4498{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-section[data-v-c93a4498]{padding:8px}.menu-section-title[data-v-c93a4498]{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px}.menu-reactions[data-v-c93a4498]{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.menu-reaction-button[data-v-c93a4498]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--background-secondary);border-radius:6px;cursor:pointer;transition:all .2s;font-size:18px}.menu-reaction-button[data-v-c93a4498]:hover{background:var(--background-accent);transform:scale(1.1)}.menu-divider[data-v-c93a4498]{height:1px;background:var(--background-accent);margin:4px 0}.menu-item[data-v-c93a4498]{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:transparent;cursor:pointer;transition:all .2s;text-align:left;color:var(--text-normal)}.menu-item[data-v-c93a4498]:hover{background:var(--background-accent)}.menu-item-icon[data-v-c93a4498]{font-size:18px;width:20px;text-align:center}.menu-item-text[data-v-c93a4498]{font-size:14px;font-weight:500}.message[data-v-6c7764bc]{background:transparent;display:flex;flex-direction:column;gap:4px;padding:8px 12px;transition:all .3s ease;margin-top:4px;border-radius:12px}.message[data-v-6c7764bc]:hover{background:rgba(43,43,82,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.message.highlighted[data-v-6c7764bc]{background:rgba(124,58,237,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(124,58,237,.4);border-left:3px solid var(--brand);padding-left:13px;margin-left:-3px;animation:highlight-pulse-6c7764bc 1s ease-in-out;box-shadow:0 4px 15px #7c3aed33}@keyframes highlight-pulse-6c7764bc{0%,to{background:rgba(124,58,237,.15);box-shadow:0 4px 15px #7c3aed33}50%{background:rgba(124,58,237,.25);box-shadow:0 4px 20px #7c3aed66}}.message-grouped[data-v-6c7764bc]{padding:2px 0;margin-top:0}.message-header[data-v-6c7764bc]{padding:8px 0 4px 16px;display:flex;align-items:flex-start;gap:12px}.message-avatar[data-v-6c7764bc]{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.avatar-image[data-v-6c7764bc]{width:100%;height:100%;object-fit:cover}.message-author-info[data-v-6c7764bc]{display:flex;flex-direction:column;flex:1}.message-author[data-v-6c7764bc]{font-size:15px;font-weight:600;color:var(--text-normal);position:relative;padding-right:40px}.message-content[data-v-6c7764bc]{padding:4px 16px 4px 50px;word-wrap:break-word;color:var(--text-normal);line-height:1.5;position:relative;min-height:20px;display:flex;justify-content:space-between}.message-content.has-header[data-v-6c7764bc]{padding-left:0}.message-text[data-v-6c7764bc]{display:block;padding-right:8px;text-wrap:wrap;overflow-wrap:anywhere}.message-text[data-v-6c7764bc] .message-link{color:var(--brand);text-decoration:underline;transition:all .2s;word-break:break-all}.message-text[data-v-6c7764bc] .message-link:hover{color:#7289da;text-decoration:none}.message-text[data-v-6c7764bc] .message-link:active{color:#4a5fc7}.message-time-corner-container[data-v-6c7764bc]{display:flex;flex-direction:column;justify-content:space-between;gap:4px}.message-time-corner[data-v-6c7764bc]{bottom:4px;font-size:10px;color:var(--text-normal);white-space:nowrap;-webkit-user-select:none;user-select:none}.read-indicator[data-v-6c7764bc]{margin-left:4px;color:var(--brand);font-size:10px;font-weight:700}.unread-divider-inline[data-v-6c7764bc]{display:flex;align-items:center;gap:12px;margin:0 16px 8px;position:relative}.unread-divider-line[data-v-6c7764bc]{flex:1;height:1px;background:var(--red)}.unread-divider-text[data-v-6c7764bc]{font-size:11px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;background:var(--background-secondary);border:1px solid var(--red);border-radius:12px;white-space:nowrap}.message.first-unread[data-v-6c7764bc]{scroll-margin-top:80px}.message-reactions-display[data-v-6c7764bc]{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.message-reactions-grouped[data-v-6c7764bc]{padding-left:68px}.reaction-button[data-v-6c7764bc]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid rgba(255,255,255,.1);background:rgba(79,84,92,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:14px;box-shadow:0 2px 8px #0003}.reaction-button[data-v-6c7764bc]:hover{background:rgba(79,84,92,.6);border-color:#fff3;transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.reaction-button.reacted[data-v-6c7764bc]{background:rgba(124,58,237,.2);border-color:#7c3aed80;box-shadow:0 2px 12px #7c3aed66}.reaction-button.reacted[data-v-6c7764bc]:hover{background:rgba(124,58,237,.3);box-shadow:0 4px 15px #7c3aed80}.reaction-emoji[data-v-6c7764bc]{font-size:16px;line-height:1}.reaction-count[data-v-6c7764bc]{font-size:12px;color:var(--text-normal);font-weight:500}.message-author[data-v-6c7764bc] .context-menu-wrapper{position:absolute;top:0;right:0;opacity:0;transition:opacity .2s}.message:hover .message-author[data-v-6c7764bc] .context-menu-wrapper{opacity:1}.messages-user[data-v-6c7764bc]{position:relative;padding-left:16px}.context-menu-grouped-message[data-v-6c7764bc] .context-menu-wrapper{position:absolute;top:2px;right:20px;opacity:0;transition:opacity .2s;z-index:10}.message:hover .context-menu-grouped-message[data-v-6c7764bc] .context-menu-wrapper{opacity:1}.messages-container[data-v-df20615f]{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:8px;position:relative}.no-messages[data-v-df20615f]{display:flex;align-items:center;justify-content:center;flex:1;padding:40px}.no-messages-container[data-v-df20615f]{display:flex;flex-direction:column;align-items:center;padding:48px 64px;background:rgba(43,43,82,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:32px;box-shadow:0 8px 32px #0000005e,0 0 60px #7c3aed4d;animation:welcome-glow-df20615f 3s ease-in-out infinite;max-width:600px}@keyframes welcome-glow-df20615f{0%,to{box-shadow:0 8px 32px #0000005e,0 0 60px #7c3aed4d}50%{box-shadow:0 12px 40px #0006,0 0 80px #7c3aed80}}.no-messages .blum-logo[data-v-df20615f]{margin-bottom:32px;filter:drop-shadow(0 8px 20px rgba(124,58,237,.5));animation:float-logo-df20615f 3s ease-in-out infinite}@keyframes float-logo-df20615f{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-messages-text[data-v-df20615f]{color:var(--text-normal);font-size:18px;line-height:1.6;text-align:center}.loading-messages[data-v-df20615f]{text-align:center;color:var(--text-muted);margin-top:40px}@media screen and (max-width: 768px){.no-messages-container[data-v-df20615f]{padding:32px 24px;max-width:90%}.no-messages .blum-logo[data-v-df20615f]{width:80px;height:80px;margin-bottom:24px}.no-messages-text[data-v-df20615f]{font-size:16px}}@media screen and (max-width: 480px){.no-messages-container[data-v-df20615f]{padding:24px 16px}.no-messages .blum-logo[data-v-df20615f]{width:64px;height:64px}.no-messages-text[data-v-df20615f]{font-size:14px}}.date-divider[data-v-df20615f]{display:flex;align-items:center;gap:12px;margin:20px 0;padding:0 16px}.date-divider-line[data-v-df20615f]{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.date-divider-text[data-v-df20615f]{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:6px 14px;background:rgba(43,43,82,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;white-space:nowrap;box-shadow:0 2px 8px #0003}.unread-divider[data-v-df20615f]{display:flex;align-items:center;gap:12px;margin:12px 16px;position:relative}.unread-divider-line[data-v-df20615f]{flex:1;height:2px;background:linear-gradient(90deg,transparent,rgba(248,113,113,.6),transparent);box-shadow:0 0 10px #f8717180}.unread-divider-text[data-v-df20615f]{font-size:11px;font-weight:700;color:#fecaca;text-transform:uppercase;letter-spacing:.5px;padding:6px 14px;background:rgba(248,113,113,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(248,113,113,.4);border-radius:12px;white-space:nowrap;box-shadow:0 2px 12px #f871714d}.messages-container[data-v-df20615f]::-webkit-scrollbar{width:8px}.messages-container[data-v-df20615f]::-webkit-scrollbar-track{background:transparent}.messages-container[data-v-df20615f]::-webkit-scrollbar-thumb{background:var(--background-accent);border-radius:4px}.messages-container[data-v-df20615f]::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.voice-recorder[data-v-30516eb8]{display:flex;align-items:center}.record-button[data-v-30516eb8]{width:40px;height:40px;border-radius:50%;border:none;background:var(--background-accent);color:var(--text-normal);font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.record-button[data-v-30516eb8]:hover:not(:disabled){background:var(--brand);transform:scale(1.05)}.record-button[data-v-30516eb8]:active:not(:disabled){transform:scale(.95)}.record-button[data-v-30516eb8]:disabled{opacity:.5;cursor:not-allowed}.recording-panel[data-v-30516eb8]{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--background-accent);border-radius:24px;flex:1}.recording-info[data-v-30516eb8]{display:flex;align-items:center;gap:16px;flex:1}.recording-indicator[data-v-30516eb8]{display:flex;align-items:center;gap:8px}.recording-dot[data-v-30516eb8]{width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse-30516eb8 1.5s ease-in-out infinite}@keyframes pulse-30516eb8{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.recording-text[data-v-30516eb8]{font-size:14px;font-weight:500;color:var(--red)}.recording-timer[data-v-30516eb8]{font-size:14px;font-weight:600;color:var(--text-normal);font-variant-numeric:tabular-nums}.recording-actions[data-v-30516eb8]{display:flex;gap:8px}.recording-action-btn[data-v-30516eb8]{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:18px}.recording-action-btn.cancel[data-v-30516eb8]{background:var(--background-secondary);color:var(--text-muted)}.recording-action-btn.cancel[data-v-30516eb8]:hover{background:var(--red);color:#fff;transform:scale(1.1)}.recording-action-btn.send[data-v-30516eb8]{background:var(--brand);color:#fff;transform:rotate(90deg)}.recording-action-btn.send[data-v-30516eb8]:hover{background:var(--brand-hover);transform:rotate(90deg) scale(1.1)}.recording-action-btn[data-v-30516eb8]:active{transform:scale(.9)}.recording-action-btn.send[data-v-30516eb8]:active{transform:rotate(90deg) scale(.9)}.v3-body-inner{scroll-behavior:smooth;scrollbar-color:#393d3f rgba(0,0,0,.1);scrollbar-width:thin}.v3-body-inner::-webkit-scrollbar{width:8px}.v3-body-inner::-webkit-scrollbar-track{background-color:transparent}.v3-body-inner::-webkit-scrollbar-thumb{display:none;background:rgba(0,0,0,.3);border-radius:5px}.v3-body-inner:hover::-webkit-scrollbar-thumb{display:block}.v3-emoji-picker{height:320px;width:280px;box-shadow:0 2px 10px #0003;border-radius:10px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;text-align:left}.v3-emoji-picker *{box-sizing:border-box}.v3-emoji-picker .v3-header{padding:15px 15px 13px;border-bottom:1px solid}.v3-emoji-picker .v3-header .v3-groups{display:flex}.v3-emoji-picker .v3-header .v3-groups .v3-group{flex-grow:1;padding:0;margin:0;border:none;background:none;font-size:23px;cursor:pointer;position:relative;display:block;opacity:.7;transition:.2s}.v3-emoji-picker .v3-header .v3-groups .v3-group.v3-is-hidden{display:none}.v3-emoji-picker .v3-header .v3-groups .v3-group:first-child,.v3-emoji-picker .v3-header .v3-groups .v3-group:last-child{flex-grow:0}.v3-emoji-picker .v3-header .v3-groups .v3-group:hover{opacity:1}.v3-emoji-picker .v3-header .v3-groups .v3-group span{display:flex;align-items:center;justify-content:center}.v3-emoji-picker .v3-header .v3-groups .v3-group span img{display:block;width:1em;height:auto}.v3-emoji-picker .v3-spacing{height:11px}.v3-emoji-picker .v3-search input{width:100%;display:block;height:26px;padding:0 10px;border:1px solid;border-radius:3px;font-size:12px;transition:.2s}.v3-emoji-picker .v3-search input:focus{outline:none}.v3-emoji-picker .v3-body{padding:0 0 15px 11px;min-height:0;flex-grow:1}.v3-emoji-picker .v3-body .v3-body-inner{flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;height:100%;padding-right:11px}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5{margin:0;top:0;padding:7px 0 3px 4px;z-index:2}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5.v3-sticky{position:sticky}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis{display:flex;font-size:18px;flex-wrap:wrap}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button{cursor:pointer;border:none;background:none;margin:0;text-align:center;display:flex;align-items:center;justify-content:center;flex-basis:12.5%;max-width:12.5%;flex-grow:1;padding:0;font-size:22px;position:relative}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:after{content:"";width:100%;padding-bottom:100%}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span{display:flex;align-items:center;justify-content:center}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img{max-width:100%;padding:4px}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span,.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img{position:absolute;top:0;left:0;width:100%;height:100%}.v3-emoji-picker .v3-body .v3-body-inner.is-mac .v3-emojis button{font-family:"Apple Color Emoji"}.v3-emoji-picker .v3-footer{font-size:14px;border-top:1px solid #dddddd;padding:15px;display:flex;align-items:center;justify-content:space-between;position:relative}.v3-emoji-picker .v3-footer .v3-tone,.v3-emoji-picker .v3-footer .v3-foot-left{display:flex;align-items:center}.v3-emoji-picker .v3-footer .v3-tone img,.v3-emoji-picker .v3-footer .v3-foot-left img{width:20px;display:block}.v3-emoji-picker .v3-footer .v3-tone>span:first-child,.v3-emoji-picker .v3-footer .v3-foot-left>span:first-child{margin-right:6px}.v3-emoji-picker .v3-footer .v3-foot-left>span.v3-text{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v3-emoji-picker .v3-footer .v3-tone{border:none;padding:0;background:none;cursor:pointer;display:inline-flex;align-items:center}.v3-emoji-picker .v3-footer .v3-tone>span{display:inline-flex;vertical-align:top}.v3-emoji-picker .v3-footer .v3-tone .v3-text{font-size:13px}.v3-emoji-picker .v3-footer .v3-tone .v3-icon{display:inline-flex;height:15px;width:15px;vertical-align:middle;align-self:center;border:2px solid rgba(0,0,0,.2)}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-neutral{background-color:#ffd225}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fb{background-color:#ffdfbd}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fc{background-color:#e9c197}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fd{background-color:#c88e62}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fe{background-color:#a86637}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3ff{background-color:#60463a}.v3-emoji-picker .v3-footer .v3-tone .is-mac span{font-family:"Apple Color Emoji"}.v3-skin-tones{position:absolute;height:100%;width:60%;top:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding:0 15px;opacity:0;visibility:hidden;transition:.2s;border-radius:0 0 10px 10px}.v3-skin-tones.v3-is-open{opacity:1;visibility:visible}.v3-skin-tones .v3-skin-tone{display:inline-block;height:15px;width:25px;border:none;padding:0;cursor:pointer;transition:0ms}.v3-skin-tones .v3-skin-tone:hover{transform:scale(1.1);transition:.2s}.v3-skin-tones .v3-skin-tone-neutral{color:#ffd225;background-color:#ffd225}.v3-skin-tones .v3-skin-tone-1f3fb{color:#ffdfbd;background-color:#ffdfbd}.v3-skin-tones .v3-skin-tone-1f3fc{color:#e9c197;background-color:#e9c197}.v3-skin-tones .v3-skin-tone-1f3fd{color:#c88e62;background-color:#c88e62}.v3-skin-tones .v3-skin-tone-1f3fe{color:#a86637;background-color:#a86637}.v3-skin-tones .v3-skin-tone-1f3ff{color:#60463a;background-color:#60463a}.v3-input-emoji-picker *{box-sizing:border-box}.v3-input-emoji-picker .v3-input-picker-root{position:relative}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-input,.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea{width:100%;height:40px;border:1px solid #999;padding-left:15px}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea{min-height:80px;resize:vertical}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea+.v3-input-picker-wrap .v3-input-picker-icon{top:auto;bottom:5px}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon{display:inline-flex;position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:24px;border:none;background:none;padding:0 5px;cursor:pointer}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon img{display:block;width:1em;height:1em}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-emoji-picker{opacity:0;visibility:hidden;transition:.2s}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap.v3-picker-is-open .v3-emoji-picker{opacity:1;visibility:visible;z-index:999}.v3-emoji-picker{--v3-picker-bg: #ffffff;--v3-picker-fg: #000000;--v3-picker-border: #dddddd;--v3-picker-input-bg: var(--v3-picker-bg);--v3-picker-input-border: #cccccc;--v3-picker-input-focus-border: #000000;--v3-group-image-filter: none;--v3-picker-emoji-hover: #f7f7f7;background:var(--v3-picker-bg);color:var(--v3-picker-fg)}.v3-emoji-picker .v3-footer,.v3-emoji-picker .v3-header{border-color:var(--v3-picker-border)}.v3-emoji-picker .v3-groups{filter:var(--v3-group-image-filter)}.v3-emoji-picker .v3-tone{color:var(--v3-picker-fg)}.v3-emoji-picker .v3-search input{background:var(--v3-picker-input-bg);border-color:var(--v3-picker-input-border);color:inherit}.v3-emoji-picker .v3-search input:focus{border-color:var(--v3-picker-input-focus-border)}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5,.v3-emoji-picker .v3-skin-tones{background:var(--v3-picker-bg)}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:hover{background:var(--v3-picker-emoji-hover, #f7f7f7)}@media (prefers-color-scheme: dark){.v3-emoji-picker.v3-color-theme-auto{--v3-picker-bg: #000000;--v3-picker-fg: #ffffff;--v3-picker-border: #333333;--v3-picker-input-bg: #222222;--v3-picker-input-border: #444444;--v3-picker-input-focus-border: #555555;--v3-group-image-filter: invert(1);--v3-picker-emoji-hover: #222222}}.v3-emoji-picker.v3-color-theme-dark{--v3-picker-bg: #000000;--v3-picker-fg: #ffffff;--v3-picker-border: #333333;--v3-picker-input-bg: #222222;--v3-picker-input-border: #444444;--v3-picker-input-focus-border: #555555;--v3-group-image-filter: invert(1);--v3-picker-emoji-hover: #222222}.message-input-container[data-v-7d3630e8]{padding:16px;border-top:1px solid var(--background-accent);background:var(--background-secondary);display:flex;flex-direction:column;gap:12px}.message-input[data-v-7d3630e8]{display:flex;gap:12px;align-items:center}.message-input .input[data-v-7d3630e8]{flex:1}.btn-attachment[data-v-7d3630e8]{background:var(--background-accent);color:var(--text-normal)}.btn-attachment[data-v-7d3630e8]:hover{background:var(--brand);transform:scale(1.05)}.btn-attachment[data-v-7d3630e8]:active{transform:scale(.95)}.btn-send[data-v-7d3630e8]{rotate:90deg}.files-preview[data-v-7d3630e8]{display:flex;flex-wrap:wrap;gap:12px}.file-preview-item[data-v-7d3630e8]{background:var(--background-accent);border-radius:8px;overflow:hidden;transition:all .2s;width:180px}.file-preview-item[data-v-7d3630e8]:hover{background:var(--background-modifier-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.file-preview-content[data-v-7d3630e8]{position:relative;display:flex;flex-direction:column;height:100%}.preview-thumbnail[data-v-7d3630e8]{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:var(--background-secondary);overflow:hidden}.preview-image[data-v-7d3630e8]{width:100%;height:100%;object-fit:cover;display:block}.file-icon-container[data-v-7d3630e8]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--background-primary)}.file-icon-large[data-v-7d3630e8]{font-size:48px}.file-details[data-v-7d3630e8]{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.file-name[data-v-7d3630e8]{font-size:13px;color:var(--text-normal);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.file-size[data-v-7d3630e8]{font-size:11px;color:var(--text-muted)}.btn-remove[data-v-7d3630e8]{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.btn-remove[data-v-7d3630e8]:hover{background:var(--red);transform:scale(1.1)}.btn-remove[data-v-7d3630e8]:active{transform:scale(.9)}.emoji-picker-wrapper[data-v-7d3630e8]{position:relative}.emoji-button[data-v-7d3630e8]{background:transparent;border:none;cursor:pointer;font-size:24px;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.emoji-button[data-v-7d3630e8]:hover{background:var(--background-accent);transform:scale(1.1)}.emoji-button[data-v-7d3630e8]:active{transform:scale(.95)}.emoji-picker-container[data-v-7d3630e8]{position:absolute;bottom:50px;right:0;z-index:1000;box-shadow:0 4px 20px #0000004d;border-radius:8px;overflow:hidden;background:var(--background-primary)}.emoji-picker-container[data-v-7d3630e8] .v3-emoji-picker{background:var(--background-primary);border:1px solid var(--background-accent)}.emoji-picker-container[data-v-7d3630e8] .v3-header{background:var(--background-secondary);border-bottom:1px solid var(--background-accent)}.emoji-picker-container[data-v-7d3630e8] .v3-search{background:var(--background-secondary);border:1px solid var(--background-accent);color:var(--text-normal)}.emoji-picker-container[data-v-7d3630e8] .v3-search::placeholder{color:var(--text-muted)}.emoji-picker-container[data-v-7d3630e8] .v3-body{background:var(--background-primary)}.emoji-picker-container[data-v-7d3630e8] .v3-group-name{background:var(--background-secondary);color:var(--text-normal)}.emoji-picker-container[data-v-7d3630e8] .v3-emoji:hover{background:var(--background-accent)}@media screen and (max-width: 768px){.file-preview-item[data-v-7d3630e8]{width:140px}.preview-thumbnail[data-v-7d3630e8]{height:100px}.file-icon-large[data-v-7d3630e8]{font-size:40px}.file-details[data-v-7d3630e8]{padding:8px 10px}.file-name[data-v-7d3630e8]{font-size:12px}.file-size[data-v-7d3630e8]{font-size:10px}.btn-remove[data-v-7d3630e8]{width:24px;height:24px;font-size:18px;top:6px;right:6px}}@media screen and (max-width: 480px){.files-preview[data-v-7d3630e8]{gap:8px}.file-preview-item[data-v-7d3630e8]{width:calc(50% - 4px)}}.reply-panel[data-v-7d3630e8]{display:flex;gap:12px;padding:12px 16px;background:var(--background-accent);border-radius:8px;align-items:center;animation:slideDown-7d3630e8 .2s ease-out}@keyframes slideDown-7d3630e8{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reply-panel-line[data-v-7d3630e8]{width:3px;height:40px;background:var(--brand);border-radius:2px;flex-shrink:0}.reply-panel-content[data-v-7d3630e8]{flex:1;min-width:0}.reply-panel-header[data-v-7d3630e8]{display:flex;gap:8px;align-items:center;margin-bottom:4px}.reply-panel-label[data-v-7d3630e8]{font-size:11px;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.reply-panel-author[data-v-7d3630e8]{font-size:12px;color:var(--brand);font-weight:600}.reply-panel-text[data-v-7d3630e8]{font-size:13px;color:var(--text-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-panel-close[data-v-7d3630e8]{width:28px;height:28px;border-radius:50%;border:none;background:var(--background-secondary);color:var(--text-muted);font-size:20px;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.reply-panel-close[data-v-7d3630e8]:hover{background:var(--red);color:#fff;transform:scale(1.1)}.reply-panel-close[data-v-7d3630e8]:active{transform:scale(.9)}.chat-members-panel[data-v-72a03d7f]{width:250px;background:var(--background-secondary);border-left:1px solid var(--background-accent);display:flex;flex-direction:column;overflow:hidden}.members-header[data-v-72a03d7f]{padding:16px;border-bottom:1px solid var(--background-accent);display:flex;align-items:center;justify-content:space-between}.members-header h3[data-v-72a03d7f]{font-size:16px;font-weight:600;margin:0}.members-count[data-v-72a03d7f]{background:var(--background-accent);color:var(--text-muted);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.members-list[data-v-72a03d7f]{flex:1;overflow-y:auto;padding:8px}.member-item[data-v-72a03d7f]{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;transition:background-color .2s;cursor:pointer}.member-item[data-v-72a03d7f]:hover{background:var(--background-accent)}.member-avatar[data-v-72a03d7f]{position:relative;width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.status-badge[data-v-72a03d7f]{position:absolute;bottom:-2px;right:-2px}.member-avatar_img[data-v-72a03d7f]{width:100%;height:100%;object-fit:cover;border-radius:50%}.member-info[data-v-72a03d7f]{flex:1;min-width:0}.member-name[data-v-72a03d7f]{font-weight:500;font-size:14px;color:var(--text-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.member-status[data-v-72a03d7f]{font-size:11px;color:var(--text-muted);margin-bottom:2px}.member-role[data-v-72a03d7f]{font-size:11px;color:var(--text-muted);opacity:.8}.empty-state[data-v-72a03d7f]{padding:20px;text-align:center;color:var(--text-muted);font-size:14px}.members-list[data-v-72a03d7f]::-webkit-scrollbar{width:6px}.members-list[data-v-72a03d7f]::-webkit-scrollbar-track{background:transparent}.members-list[data-v-72a03d7f]::-webkit-scrollbar-thumb{background:var(--background-accent);border-radius:3px}.members-list[data-v-72a03d7f]::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.members-group[data-v-72a03d7f]{margin-bottom:16px}.members-group[data-v-72a03d7f]:last-child{margin-bottom:0}.group-header[data-v-72a03d7f]{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;margin-bottom:4px}.group-title[data-v-72a03d7f]{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.group-count[data-v-72a03d7f]{font-size:11px;color:var(--text-muted);background:var(--background-accent);padding:2px 6px;border-radius:10px;font-weight:600}.close-button-mobile[data-v-72a03d7f]{display:none;background:none;border:none;color:var(--text-normal);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;margin-left:auto}.close-button-mobile[data-v-72a03d7f]:active{background:var(--background-accent)}.members-overlay[data-v-72a03d7f]{display:none}@media screen and (max-width: 768px){.chat-members-panel[data-v-72a03d7f]{position:fixed;right:0;top:0;bottom:0;width:80%;max-width:300px;z-index:100;transform:translate(100%);transition:transform .3s ease;box-shadow:-2px 0 8px #0003}.chat-members-panel.show-on-mobile[data-v-72a03d7f]{transform:translate(0)}.members-overlay[data-v-72a03d7f]{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99;animation:fadeIn-72a03d7f .3s ease}@keyframes fadeIn-72a03d7f{0%{opacity:0}to{opacity:1}}.close-button-mobile[data-v-72a03d7f]{display:flex}}.chat-layout[data-v-ebe5c990]{display:flex;height:100dvh;background:var(--background-primary);position:relative;overflow:hidden}.sidebar[data-v-ebe5c990]{width:300px;background:var(--background-secondary);border-right:1px solid var(--background-accent);display:flex;flex-direction:column}.sidebar-header[data-v-ebe5c990]{padding:16px;border-bottom:1px solid var(--background-accent);display:flex;align-items:center;justify-content:space-between}.user-info[data-v-ebe5c990]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-ebe5c990]{width:40px;height:40px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.user-details[data-v-ebe5c990]{flex:1}.username[data-v-ebe5c990]{font-weight:600;font-size:14px}.user-email[data-v-ebe5c990]{font-size:12px;color:var(--text-muted)}.chats-section[data-v-ebe5c990]{flex:1;overflow-y:auto}.section-header[data-v-ebe5c990]{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--background-accent)}.section-header h3[data-v-ebe5c990]{font-size:16px;font-weight:600}.section-header .btn[data-v-ebe5c990]{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.loading[data-v-ebe5c990],.empty-state[data-v-ebe5c990]{padding:20px;text-align:center;color:var(--text-muted)}.chats-list[data-v-ebe5c990]{padding:8px}.chat-item[data-v-ebe5c990]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background-color .2s}.chat-item[data-v-ebe5c990]:hover{background:var(--background-accent)}.chat-item.active[data-v-ebe5c990]{background:var(--brand)}.chat-avatar[data-v-ebe5c990]{width:40px;height:40px;border-radius:50%;background:var(--background-accent);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-normal)}.chat-item.active .chat-avatar[data-v-ebe5c990]{background:rgba(255,255,255,.2);color:#fff}.chat-info[data-v-ebe5c990]{flex:1}.chat-name[data-v-ebe5c990]{font-weight:600;font-size:14px}.chat-item.active .chat-name[data-v-ebe5c990]{color:#fff}.chat-type[data-v-ebe5c990]{font-size:12px;color:var(--text-muted)}.chat-item.active .chat-type[data-v-ebe5c990]{color:#fffc}.connection-status[data-v-ebe5c990]{padding:12px 16px;border-top:1px solid var(--background-accent);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.status-indicator[data-v-ebe5c990]{width:8px;height:8px;border-radius:50%;background:var(--red)}.status-indicator.connected[data-v-ebe5c990]{background:var(--green)}.chat-area[data-v-ebe5c990]{flex:1;display:flex;flex-direction:column;overflow:hidden}.no-chat-selected[data-v-ebe5c990]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-normal);position:relative;z-index:1}.welcome-container[data-v-ebe5c990]{display:flex;flex-direction:column;align-items:center;padding:48px 64px;background:rgba(43,43,82,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:32px;box-shadow:0 8px 32px #0000005e,0 0 60px #7c3aed4d;animation:welcome-glow-ebe5c990 3s ease-in-out infinite;max-width:600px}@keyframes welcome-glow-ebe5c990{0%,to{box-shadow:0 8px 32px #0000005e,0 0 60px #7c3aed4d}50%{box-shadow:0 12px 40px #0006,0 0 80px #7c3aed80}}.no-chat-selected .blum-logo[data-v-ebe5c990]{margin-bottom:32px;filter:drop-shadow(0 8px 20px rgba(124,58,237,.5));animation:float-logo-ebe5c990 3s ease-in-out infinite}@keyframes float-logo-ebe5c990{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-chat-selected h2[data-v-ebe5c990]{font-size:32px;font-weight:700;background:linear-gradient(135deg,#a78bfa 0%,#c084fc 50%,#e879f9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;letter-spacing:-.5px}.no-chat-selected p[data-v-ebe5c990]{color:var(--text-muted);font-size:16px;line-height:1.6;text-align:center;max-width:400px}@media screen and (max-width: 768px){.welcome-container[data-v-ebe5c990]{padding:32px 24px;max-width:90%}.no-chat-selected .blum-logo[data-v-ebe5c990]{width:80px;height:80px;margin-bottom:24px}.no-chat-selected h2[data-v-ebe5c990]{font-size:24px}.no-chat-selected p[data-v-ebe5c990]{font-size:14px}}@media screen and (max-width: 480px){.welcome-container[data-v-ebe5c990]{padding:24px 16px}.no-chat-selected .blum-logo[data-v-ebe5c990]{width:64px;height:64px}.no-chat-selected h2[data-v-ebe5c990]{font-size:20px}}.chat-container[data-v-ebe5c990]{flex:1;display:flex;flex-direction:row;overflow:hidden}.chat-main[data-v-ebe5c990]{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.chat-main.drag-over[data-v-ebe5c990]{background:rgba(88,101,242,.02)}.drag-overlay[data-v-ebe5c990]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(124,58,237,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none;animation:fadeIn-ebe5c990 .3s ease}@keyframes fadeIn-ebe5c990{0%{opacity:0}to{opacity:1}}.drag-overlay-content[data-v-ebe5c990]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;background:rgba(43,43,82,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:3px dashed rgba(124,58,237,.8);box-shadow:0 8px 32px #7c3aed66;animation:pulse-border-ebe5c990 1.5s ease-in-out infinite}@keyframes pulse-border-ebe5c990{0%,to{border-color:var(--brand);transform:scale(1)}50%{border-color:#5865f280;transform:scale(1.02)}}.upload-icon[data-v-ebe5c990]{width:80px;height:80px;color:var(--white);filter:drop-shadow(0 4px 12px rgba(88,101,242,.3))}.drag-text[data-v-ebe5c990]{font-size:18px;font-weight:600;color:var(--white);margin:0;text-align:center}@media screen and (max-width: 768px){.drag-overlay-content[data-v-ebe5c990]{padding:30px;gap:16px}.upload-icon[data-v-ebe5c990]{width:60px;height:60px}.drag-text[data-v-ebe5c990]{font-size:16px}}@media screen and (max-width: 480px){.drag-overlay-content[data-v-ebe5c990]{padding:20px}.upload-icon[data-v-ebe5c990]{width:48px;height:48px}.drag-text[data-v-ebe5c990]{font-size:14px}}.chat-header h2[data-v-ebe5c990]{font-size:20px;font-weight:600;margin-bottom:4px}.chat-participants[data-v-ebe5c990]{font-size:12px;color:var(--text-muted)}.no-messages[data-v-ebe5c990]{text-align:center;color:var(--text-muted);margin-top:40px}.message[data-v-ebe5c990]{display:flex;flex-direction:column;gap:4px;max-width:70%}.message.own[data-v-ebe5c990]{align-self:flex-end;align-items:flex-end}.message-author[data-v-ebe5c990]{font-size:12px;font-weight:600;color:var(--text-muted)}.message-content[data-v-ebe5c990]{background:var(--background-secondary);padding:12px 16px;border-radius:16px;word-wrap:break-word}.message.own .message-content[data-v-ebe5c990]{background:var(--brand);color:#fff}.message-time[data-v-ebe5c990]{font-size:11px;color:var(--text-muted)}.typing-indicator[data-v-ebe5c990]{font-style:italic;color:var(--text-muted);font-size:14px}.message-input-container[data-v-ebe5c990]{padding:16px;border-top:1px solid var(--background-accent);background:var(--background-secondary)}.message-input[data-v-ebe5c990]{display:flex;gap:12px;align-items:center}.message-input .input[data-v-ebe5c990]{flex:1}.loading-screen[data-v-ece0c2b1]{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:var(--background-primary);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content[data-v-ece0c2b1]{text-align:center;color:#fff}.logo-container[data-v-ece0c2b1]{position:relative;width:120px;height:120px;margin:0 auto 2rem}.logo-circle[data-v-ece0c2b1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:var(--background-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:float-ece0c2b1 3s ease-in-out infinite;box-shadow:0 8px 32px #0000001a}.logo-icon[data-v-ece0c2b1]{width:40px;height:40px;color:#fff;animation:pulse-ece0c2b1 2s ease-in-out infinite}.pulse-ring[data-v-ece0c2b1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:3px solid rgba(255,255,255,.4);border-radius:50%;animation:pulse-ring-ece0c2b1 2s cubic-bezier(.4,0,.6,1) infinite}.app-title[data-v-ece0c2b1]{font-size:2.5rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.loading-text[data-v-ece0c2b1]{font-size:1.1rem;margin:0 0 2rem;opacity:.9;font-weight:500;animation:fade-in-out-ece0c2b1 1.5s ease-in-out infinite;display:flex;align-items:center;justify-content:center;gap:.5rem}.status-icon[data-v-ece0c2b1]{display:inline-block;animation:bounce-ece0c2b1 1s ease-in-out infinite}.loading-bar[data-v-ece0c2b1]{width:300px;height:4px;background:rgba(255,255,255,.2);border-radius:2px;margin:0 auto;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-bar-fill[data-v-ece0c2b1]{height:100%;background:linear-gradient(90deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.5) 100%);background-size:200% 100%;animation:loading-bar-ece0c2b1 1.5s ease-in-out infinite;border-radius:2px}@keyframes float-ece0c2b1{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}@keyframes pulse-ece0c2b1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes pulse-ring-ece0c2b1{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.3}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes loading-bar-ece0c2b1{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fade-in-out-ece0c2b1{0%,to{opacity:.7}50%{opacity:1}}@keyframes bounce-ece0c2b1{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.fade-enter-active[data-v-ece0c2b1]{transition:opacity .3s ease}.fade-leave-active[data-v-ece0c2b1]{transition:opacity .5s ease}.fade-enter-from[data-v-ece0c2b1],.fade-leave-to[data-v-ece0c2b1]{opacity:0}@media (max-width: 640px){.app-title[data-v-ece0c2b1]{font-size:2rem}.loading-text[data-v-ece0c2b1]{font-size:1rem}.loading-bar[data-v-ece0c2b1]{width:250px}}.notifications-container[data-v-55b2b0a2]{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.notification-item[data-v-55b2b0a2]{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--background-secondary);border:1px solid var(--background-accent);border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;pointer-events:auto;transition:all .3s ease;min-width:320px;max-width:400px}.notification-item[data-v-55b2b0a2]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.notification-info[data-v-55b2b0a2]{border-left:4px solid var(--brand)}.notification-success[data-v-55b2b0a2]{border-left:4px solid var(--green)}.notification-warning[data-v-55b2b0a2]{border-left:4px solid var(--yellow)}.notification-error[data-v-55b2b0a2]{border-left:4px solid var(--red)}.notification-avatar[data-v-55b2b0a2]{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.notification-avatar img[data-v-55b2b0a2]{width:100%;height:100%;object-fit:cover}.notification-content[data-v-55b2b0a2]{flex:1;min-width:0}.notification-title[data-v-55b2b0a2]{font-weight:600;font-size:14px;margin-bottom:4px;color:var(--text-normal)}.notification-message[data-v-55b2b0a2]{font-size:13px;color:var(--text-muted);word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-close[data-v-55b2b0a2]{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:24px;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;transition:all .2s}.notification-close[data-v-55b2b0a2]:hover{background:var(--background-accent);color:var(--text-normal)}.notification-list-enter-active[data-v-55b2b0a2]{animation:slideInRight-55b2b0a2 .3s ease}.notification-list-leave-active[data-v-55b2b0a2]{animation:slideOutRight-55b2b0a2 .3s ease}@keyframes slideInRight-55b2b0a2{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight-55b2b0a2{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.notifications-container[data-v-55b2b0a2]{left:20px;right:20px;max-width:none}.notification-item[data-v-55b2b0a2]{min-width:auto;max-width:none}}#app{height:100vh;height:100dvh;width:100vw;overflow:hidden}:root{--background-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--glass-gradient: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));--background-secondary: rgba(43, 43, 82, .4);--background-tertiary: rgba(32, 34, 37, .6);--background-accent: rgba(79, 84, 92, .5);--background-hover: rgba(88, 101, 242, .2);--background-modifier-active: rgba(88, 101, 242, .3);--text-normal: #fff;--text-muted: #b8b9ff;--text-link: #00d4ff;--interactive-normal: #b9bbbe;--interactive-hover: #dcddde;--interactive-active: #fff;--brand: #7c3aed;--brand-hover: #8b5cf6;--brand-glow: rgba(124, 58, 237, .5);--green: #4ade80;--red: #f87171;--yellow: #fbbf24;--white: #fff;--black: #000;--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .37);--glass-blur: blur(12px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--background-primary);background-size:200% 200%;animation:gradient-shift 15s ease infinite;color:var(--text-normal);line-height:1.375;font-size:16px;overflow:hidden}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#app{height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative}#app:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(124,58,237,.15) 0%,transparent 70%);animation:float 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-50px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:10px;margin:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(124,58,237,.6),rgba(139,92,246,.8));border-radius:10px;border:2px solid rgba(255,255,255,.1);box-shadow:0 0 10px #7c3aed80}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(124,58,237,.8),rgba(139,92,246,1));box-shadow:0 0 15px #7c3aedcc}.btn{background:linear-gradient(135deg,rgba(124,58,237,.8),rgba(139,92,246,.9));backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:#fff;padding:10px 20px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #7c3aed4d}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed80;border-color:#ffffff4d}.btn:active{transform:translateY(0);box-shadow:0 4px 15px #7c3aed4d}.btn:disabled{background:var(--background-accent);cursor:not-allowed;opacity:.5;box-shadow:none}.btn-secondary{background:rgba(79,84,92,.6);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-normal);box-shadow:0 4px 15px #0003}.btn-secondary:hover{background:rgba(79,84,92,.8);box-shadow:0 8px 25px #0000004d}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.p-2{padding:8px}.p-4{padding:16px}.m-2{margin:8px}.m-4{margin:16px}.text-sm{font-size:12px}.text-muted{color:var(--text-muted)}.font-semibold{font-weight:600}.rounded{border-radius:4px}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}@media screen and (max-width: 768px){.chat-layout{position:relative;overflow:hidden;height:100dvh}.sidebar{width:100%!important;position:absolute;top:0;left:0;height:100dvh;z-index:10;transition:transform .3s ease}.chat-layout.chat-active .sidebar{transform:translate(-100%)}.chat-area{width:100%;position:absolute;top:0;left:0;height:100dvh;transform:translate(100%);transition:transform .3s ease}.chat-layout.chat-active .chat-area{transform:translate(0)}.mobile-back-button{display:flex!important;align-items:center;justify-content:center}.chat-header{padding:10px 12px!important}.chat-header h2{font-size:16px!important}.chat-avatar-container,.chat-avatar{width:40px!important;height:40px!important}.user-avatar,.user-avatar-img{width:36px!important;height:36px!important}.sidebar-header{padding:12px!important}.username{font-size:13px!important}.tab-btn{padding:10px 12px!important;font-size:12px!important}.chat-item{padding:10px 12px!important}.chat-name{font-size:13px!important}.chat-type{font-size:11px!important}.message{max-width:85%!important}.message-content{padding:10px 14px!important;font-size:14px!important}.message-input-container{padding:12px!important}.modal-content{width:95%!important;max-width:95%!important;margin:20px auto!important}.settings-content{padding:12px!important}.friend-item{padding:10px 12px!important}@media screen and (max-width: 480px){.chat-actions button:not(.mobile-back-button){padding:6px!important}.header-actions button{padding:6px 8px!important}}.chat-layout,.sidebar,.chat-area{-webkit-overflow-scrolling:touch}.chat-layout{height:100dvh;height:-webkit-fill-available}.chat-item:hover,.friend-item:hover,.tab-btn:hover,.user-info:hover{background:initial!important}.chat-item:active,.friend-item:active{background:var(--background-accent)!important}.tab-btn.active{background:var(--brand)!important}.mobile-back-button{flex-shrink:0}}@media screen and (min-width: 769px){.mobile-back-button{display:none!important}}