@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg-secondary);color:var(--text-primary)}.auth-container[data-v-1d055278]{max-width:400px;margin:100px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}h2[data-v-1d055278]{text-align:center;margin-bottom:24px;color:#075e54}input[data-v-1d055278]{display:block;width:100%;margin:16px 0;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px}button[data-v-1d055278]{width:100%;padding:12px;background:#075e54;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}button[data-v-1d055278]:hover{background:#064940}p[data-v-1d055278]{text-align:center;margin-top:20px}.error[data-v-1d055278]{color:#d32f2f;margin-top:10px}.auth-container[data-v-b0e883ba]{max-width:400px;margin:100px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}h2[data-v-b0e883ba]{text-align:center;margin-bottom:24px;color:#075e54}input[data-v-b0e883ba]{display:block;width:100%;margin:16px 0;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px}button[data-v-b0e883ba]{width:100%;padding:12px;background:#075e54;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}button[data-v-b0e883ba]:hover{background:#064940}p[data-v-b0e883ba]{text-align:center;margin-top:20px}.error[data-v-b0e883ba]{color:#d32f2f;margin-top:10px}.sidebar[data-v-65c59331]{width:260px;height:100%;background-color:var(--sidebar-bg);background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--accent) 10%,transparent) 0px,color-mix(in srgb,var(--accent) 10%,transparent) 2px,transparent 2px,transparent 8px);animation:slideStripes-65c59331 10s linear infinite;display:flex;flex-direction:column;border-right:1px solid var(--border-light);position:relative;overflow:hidden}.sidebar[data-v-65c59331]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 40%,color-mix(in srgb,var(--accent-light) 12%,transparent) 0%,transparent 70%);pointer-events:none;z-index:0}.sidebar[data-v-65c59331]:after{content:"";position:absolute;top:-10%;left:-30%;width:60%;height:120%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-15deg);animation:lightSweep-65c59331 8s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes slideStripes-65c59331{0%{background-position:0 0}to{background-position:20px 20px}}@keyframes lightSweep-65c59331{0%{left:-30%;opacity:.15}50%{left:70%;opacity:.35}to{left:130%;opacity:.15}}.app-name[data-v-65c59331],.nav-menu[data-v-65c59331],.user-mini[data-v-65c59331]{position:relative;z-index:2}.app-name[data-v-65c59331]{padding:20px 16px;border-bottom:1px solid var(--border-light);transition:all .3s ease}.app-name h2[data-v-65c59331]{font-weight:700;color:var(--accent);text-shadow:0 0 8px color-mix(in srgb,var(--accent) 40%,transparent);letter-spacing:-.5px;transition:transform .2s,text-shadow .2s}.app-name:hover h2[data-v-65c59331]{transform:scale(1.02) translate(2px);text-shadow:0 0 15px color-mix(in srgb,var(--accent) 70%,transparent)}.nav-menu[data-v-65c59331]{flex:1;padding:8px}.nav-item[data-v-65c59331]{display:flex;align-items:center;gap:16px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text-primary);border-radius:12px;cursor:pointer;font-size:16px;transition:all .25s cubic-bezier(.2,.9,.4,1);margin-bottom:4px;position:relative;overflow:hidden}.nav-item[data-v-65c59331]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:color-mix(in srgb,var(--accent) 20%,transparent);transform:translate(-50%,-50%);transition:width .4s,height .4s;z-index:-1}.nav-item[data-v-65c59331]:hover:before{width:300px;height:300px}.nav-item[data-v-65c59331]:hover{background:var(--hover-bg);transform:translate(4px);box-shadow:-4px 4px 8px #0000000d}.nav-item.active[data-v-65c59331]{background:var(--accent);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent)}.nav-item.active[data-v-65c59331]:hover{transform:translate(4px) scale(1.02)}.nav-item svg[data-v-65c59331]{transition:transform .2s}.nav-item:hover svg[data-v-65c59331]{transform:rotate(5deg) scale(1.1)}.nav-item.active svg[data-v-65c59331]{color:#fff}.user-mini[data-v-65c59331]{display:flex;align-items:center;gap:12px;padding:16px;border-top:1px solid var(--border-light);cursor:pointer;transition:all .25s;position:relative}.user-mini[data-v-65c59331]:hover{background:var(--hover-bg);padding-left:20px}.user-mini[data-v-65c59331]:after{content:"⚡";position:absolute;right:16px;opacity:0;transition:opacity .2s,transform .2s}.user-mini[data-v-65c59331]:hover:after{opacity:.7;transform:translate(-4px)}.avatar-mini[data-v-65c59331]{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;transition:box-shadow .2s,transform .2s;border:2px solid transparent}.user-mini:hover .avatar-mini[data-v-65c59331]{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);transform:scale(1.05)}.avatar-mini img[data-v-65c59331]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-65c59331]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.user-info[data-v-65c59331]{flex:1;overflow:hidden}.name[data-v-65c59331]{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.username[data-v-65c59331]{font-size:13px;color:var(--text-secondary)}.app-name h2[data-v-65c59331]{font-size:24px}.nav-item span[data-v-65c59331]{font-size:1rem}.user-info .name[data-v-65c59331]{font-size:.95rem}.user-info .username[data-v-65c59331]{font-size:.85rem}.user-search[data-v-8bdd2ac7]{padding:12px;border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.user-search input[data-v-8bdd2ac7]{width:100%;padding:10px 16px;border:1px solid var(--border-light);border-radius:24px;font-size:14px;outline:none;background:var(--bg-secondary);color:var(--text-primary)}.user-search input[data-v-8bdd2ac7]::placeholder{color:var(--text-secondary)}.user-search input[data-v-8bdd2ac7]:focus{border-color:var(--accent)}.user-list[data-v-2e50c837]{flex:1;overflow-y:auto;background:var(--bg-primary)}.user-item[data-v-2e50c837]{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--border-light);transition:background .15s}.user-item[data-v-2e50c837]:hover{background:var(--hover-bg)}.user-item.active[data-v-2e50c837]{background:color-mix(in srgb,var(--accent) 15%,var(--bg-primary));border-left:3px solid var(--accent)}.avatar[data-v-2e50c837]{width:3rem;height:3rem;border-radius:50%;overflow:hidden;margin-right:.75rem;flex-shrink:0;background:var(--accent)}.avatar img[data-v-2e50c837]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-2e50c837]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.user-info[data-v-2e50c837]{flex:1;min-width:0}.name[data-v-2e50c837]{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.username[data-v-2e50c837]{font-size:.85rem;color:var(--text-secondary)}.last-seen[data-v-2e50c837]{font-size:.75rem;color:var(--text-secondary);margin-top:.15rem}.no-users[data-v-2e50c837]{padding:2rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.message-list[data-v-6a2099e0]{flex:1;overflow-y:auto;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.75rem;background:transparent}.message[data-v-6a2099e0]{max-width:75%;padding:.7rem 1rem;border-radius:1.1rem;position:relative;word-wrap:break-word;box-shadow:0 2px 4px #0000000a;transition:transform .1s ease;line-height:1.4}.message[data-v-6a2099e0]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000000f}.message.own[data-v-6a2099e0]{align-self:flex-end;background:var(--message-own);border-bottom-right-radius:.3rem;margin-left:auto}.message.other[data-v-6a2099e0]{align-self:flex-start;background:var(--message-other);border-bottom-left-radius:.3rem;margin-right:auto}.content[data-v-6a2099e0]{font-size:.95rem;color:var(--text-primary);white-space:pre-wrap;overflow-wrap:break-word}.time[data-v-6a2099e0]{font-size:.7rem;color:var(--text-secondary);margin-top:.35rem;text-align:right;opacity:.8;transition:opacity .2s}.message:hover .time[data-v-6a2099e0]{opacity:1}.no-messages[data-v-6a2099e0]{text-align:center;color:var(--text-secondary);margin-top:2.5rem;font-size:1rem;padding:1rem;background:color-mix(in srgb,var(--bg-primary) 80%,transparent);border-radius:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-self:center}.message-list[data-v-6a2099e0]::-webkit-scrollbar{width:6px}.message-list[data-v-6a2099e0]::-webkit-scrollbar-track{background:transparent}.message-list[data-v-6a2099e0]::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.message-list[data-v-6a2099e0]::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme=dark] .message[data-v-6a2099e0]{border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .message.own[data-v-6a2099e0]{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.chat-container[data-v-a28e7057]{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.chat-header[data-v-a28e7057]{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.avatar-small[data-v-a28e7057]{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.avatar-small img[data-v-a28e7057]{width:100%;height:100%;object-fit:cover}.avatar-placeholder-small[data-v-a28e7057]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.info[data-v-a28e7057]{flex:1}.info .name[data-v-a28e7057]{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.info .status[data-v-a28e7057]{font-size:.85rem;color:var(--text-secondary)}.chat-settings-btn[data-v-a28e7057]{margin-left:auto;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:6px 10px;border-radius:50%;transition:background .2s,color .2s;line-height:1}.chat-settings-btn[data-v-a28e7057]:hover{background:var(--hover-bg);color:var(--text-primary)}.main-panel[data-v-a28e7057]{flex:1;display:flex;overflow:hidden;background-color:var(--bg-primary)}.users-panel[data-v-a28e7057]{width:320px;border-right:1px solid var(--border-light);background:var(--bg-primary);display:flex;flex-direction:column;overflow-y:auto}.messages-panel[data-v-a28e7057]{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-tertiary);background-size:cover;background-position:center;transition:background .3s}.message-input[data-v-a28e7057]{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg-primary);border-top:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg-primary) 90%,transparent)}.message-input input[data-v-a28e7057]{flex:1;padding:12px 18px;border:1px solid var(--border-light);border-radius:30px;font-size:.95rem;outline:none;background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.message-input input[data-v-a28e7057]:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.message-input input[data-v-a28e7057]::placeholder{color:var(--text-secondary);opacity:.7}.message-input button[data-v-a28e7057]{padding:10px 24px;background:var(--accent);color:#fff;border:none;border-radius:30px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s,transform .1s;white-space:nowrap}.message-input button[data-v-a28e7057]:hover{background:var(--accent-light);transform:scale(1.02)}.message-input button[data-v-a28e7057]:active{transform:scale(.98)}.no-chat[data-v-a28e7057]{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-secondary);font-size:1rem;text-align:center;padding:2rem}.modal-overlay[data-v-a28e7057]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal[data-v-a28e7057]{background:var(--bg-primary);border-radius:20px;padding:24px;min-width:320px;max-width:420px;box-shadow:0 12px 32px #0003;border:1px solid var(--border-light)}.modal h3[data-v-a28e7057]{margin-bottom:24px;color:var(--text-primary);font-size:1.3rem;display:flex;align-items:center;gap:8px}.bg-options[data-v-a28e7057]{display:flex;flex-direction:column;gap:20px}.color-options[data-v-a28e7057]{display:flex;gap:12px;flex-wrap:wrap}.color-btn[data-v-a28e7057]{width:44px;height:44px;border-radius:12px;border:2px solid var(--border-light);cursor:pointer;transition:transform .1s,box-shadow .2s}.color-btn[data-v-a28e7057]:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000001a}.custom-bg[data-v-a28e7057]{display:flex;flex-direction:column;gap:10px}.upload-btn[data-v-a28e7057]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--accent);color:#fff;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s;border:none}.upload-btn[data-v-a28e7057]:hover{background:var(--accent-light)}.reset-btn[data-v-a28e7057]{background:none;border:1px solid var(--border-light);padding:10px 16px;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s}.reset-btn[data-v-a28e7057]:hover{background:var(--hover-bg)}.close-btn[data-v-a28e7057]{margin-top:24px;width:100%;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s}.close-btn[data-v-a28e7057]:hover{background:var(--hover-bg)}.contacts-view[data-v-ce29daf4]{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.header[data-v-ce29daf4]{flex-shrink:0;padding:20px;border-bottom:1px solid var(--border-light)}.contacts-content[data-v-ce29daf4]{flex:1;display:flex;flex-direction:column;overflow:hidden}.settings-view[data-v-eaec7730]{height:100%;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.settings-header[data-v-eaec7730]{flex-shrink:0;padding:20px 24px;border-bottom:1px solid var(--border-light)}.settings-header h2[data-v-eaec7730]{font-size:24px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.settings-header i[data-v-eaec7730]{color:var(--accent);font-size:26px}.settings-content[data-v-eaec7730]{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.theme-card[data-v-eaec7730]{background:var(--bg-secondary);border-radius:20px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-light)}.theme-card h3[data-v-eaec7730]{margin-bottom:20px;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.theme-options[data-v-eaec7730]{display:flex;flex-direction:column;gap:12px}.theme-option[data-v-eaec7730]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:background .2s;background:var(--bg-primary)}.theme-option[data-v-eaec7730]:hover{background:var(--hover-bg)}.theme-option.active[data-v-eaec7730]{background:var(--accent);color:#fff}.theme-option input[data-v-eaec7730]{display:none}.theme-option i[data-v-eaec7730]{font-size:20px}.logout-btn[data-v-eaec7730]{background:none;border:1px solid #ff4d4f;color:#ff4d4f;padding:14px;border-radius:12px;cursor:pointer;width:100%;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.logout-btn[data-v-eaec7730]:hover{background:#ff4d4f10}.font-card[data-v-eaec7730]{background:var(--bg-secondary);border-radius:20px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-light)}.font-card h3[data-v-eaec7730]{margin-bottom:20px;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.font-control[data-v-eaec7730]{display:flex;align-items:center;gap:16px;padding:8px 0}.font-control i[data-v-eaec7730]{font-size:1.2em;color:var(--text-secondary)}.font-control i.large[data-v-eaec7730]{font-size:1.8em}.font-control input[data-v-eaec7730]{flex:1;height:6px;border-radius:3px;background:var(--border-light);-webkit-appearance:none;-moz-appearance:none;appearance:none}.font-control input[data-v-eaec7730]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer}.font-preview[data-v-eaec7730]{margin-top:16px;padding:12px;background:var(--bg-primary);border-radius:8px;text-align:center;color:var(--text-primary);transition:font-size .1s}.profile-view[data-v-07d23351]{height:100%;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.profile-header[data-v-07d23351]{flex-shrink:0;padding:20px 24px;border-bottom:1px solid var(--border-light)}.profile-header h2[data-v-07d23351]{font-size:24px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.profile-header i[data-v-07d23351]{color:var(--accent);font-size:26px}.profile-content[data-v-07d23351]{flex:1;overflow-y:auto;padding:24px;max-width:600px;margin:0 auto;width:100%}.avatar-section[data-v-07d23351]{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.avatar-wrapper[data-v-07d23351]{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid var(--accent);transition:transform .2s}.avatar-wrapper[data-v-07d23351]:hover{transform:scale(1.02)}.avatar-wrapper img[data-v-07d23351]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-07d23351]{width:100%;height:100%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700}.avatar-overlay[data-v-07d23351]{position:absolute;bottom:0;left:0;right:0;background:#00000080;color:#fff;text-align:center;padding:6px;font-size:16px;opacity:0;transition:opacity .2s}.avatar-wrapper:hover .avatar-overlay[data-v-07d23351]{opacity:1}.avatar-hint[data-v-07d23351]{margin-top:8px;font-size:13px;color:var(--text-secondary)}.profile-form[data-v-07d23351]{display:flex;flex-direction:column;gap:20px}.form-group label[data-v-07d23351]{display:block;margin-bottom:6px;font-weight:500;color:var(--text-primary)}.form-group input[data-v-07d23351],.form-group textarea[data-v-07d23351]{width:100%;padding:12px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary)}.form-group input[data-v-07d23351]:disabled{opacity:.7;cursor:not-allowed}.save-btn[data-v-07d23351]{background:var(--accent);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.save-btn[data-v-07d23351]:disabled{opacity:.7;cursor:not-allowed}.main-layout[data-v-c0e7c92b]{display:flex;height:100%;width:100%;background:var(--bg-primary)}.content-area[data-v-c0e7c92b]{flex:1;min-width:0;height:100%;overflow:hidden}html,body,#app{height:100%;margin:0;padding:0;overflow:hidden;font-size:var(--font-size-base)}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e9edef;--text-primary: #111b21;--text-secondary: #667781;--border-light: #e9edef;--accent: #075e54;--accent-light: #128c7e;--message-own: #d9fdd3;--message-other: #ffffff;--sidebar-bg: #f0f2f5;--hover-bg: #e9edef;--shadow: 0 2px 5px rgba(0,0,0,.05);--pattern-color: color-mix(in srgb, var(--accent) 20%, transparent);--pattern-glow: color-mix(in srgb, var(--accent) 15%, transparent);--font-size-base: 16px}[data-theme=dark]{--bg-primary: #0b141a;--bg-secondary: #111b21;--bg-tertiary: #1e2a32;--text-primary: #e9edef;--text-secondary: #8696a0;--border-light: #222e35;--accent: #00a884;--accent-light: #00a884;--message-own: #005c4b;--message-other: #2a373f;--sidebar-bg: #111b21;--hover-bg: #202c33;--shadow: 0 2px 5px rgba(0,0,0,.2)}.messages-panel{background:var(--bg-tertiary);transition:background .3s}