:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--color-text-muted: var(--vt-c-text-light-2);--color-button: #42b983;--color-button-hover: #35a372;--color-button-text: var(--vt-c-white);--color-error: #ff4444;--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--color-text-muted: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100vh;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}header[data-v-539ec835]{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#a31f34;border-bottom:1px solid #a31f34;box-shadow:0 2px 4px #a31f344d;padding:1rem 0}nav[data-v-539ec835]{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:0 1rem}nav a[data-v-539ec835]{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .2s ease}nav a[data-v-539ec835]:hover{background-color:#fff3;transform:scale(1.05)}nav a.router-link-exact-active[data-v-539ec835]{color:#fff;font-weight:600;background-color:#ffffff26}main[data-v-539ec835]{margin-top:60px;min-height:calc(100vh - 60px);width:100%}main.no-nav[data-v-539ec835]{margin-top:0;min-height:100vh}@media(min-width:1024px){nav[data-v-539ec835]{justify-content:flex-start;padding:0 2rem}}.friends-box[data-v-9468418e]{background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:15px;min-height:400px}.friends-box h2[data-v-9468418e]{margin:0 0 10px;font-size:1.2rem;text-align:center}.search-section[data-v-9468418e]{display:flex;gap:10px;align-items:flex-start;position:relative}.search-input-wrapper[data-v-9468418e]{flex:1;position:relative}.search-input[data-v-9468418e]{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:#fff}.search-input[data-v-9468418e]::placeholder{color:#fff9}.suggestions-list[data-v-9468418e]{position:absolute;top:100%;left:0;right:0;margin-top:4px;padding:0;list-style:none;background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000004d}.suggestion-item[data-v-9468418e]{padding:10px;cursor:pointer;color:#fff;border-bottom:1px solid var(--color-border);transition:background-color .2s}.suggestion-item[data-v-9468418e]:last-child{border-bottom:none}.suggestion-item[data-v-9468418e]:hover{background-color:var(--color-background-mute)}.add-button[data-v-9468418e]{padding:8px 16px;background-color:var(--color-button);color:var(--color-button-text);border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.add-button[data-v-9468418e]:hover{background-color:var(--color-button-hover)}.friends-list[data-v-9468418e]{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.friend-item[data-v-9468418e]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .2s}.friend-item[data-v-9468418e]:hover{background-color:var(--color-background-mute)}.friend-item span[data-v-9468418e]{flex:1}.remove-button[data-v-9468418e]{background:none;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer;padding:0 5px;line-height:1}.remove-button[data-v-9468418e]:hover{color:var(--color-error, #ff4444)}.empty-message[data-v-9468418e]{text-align:center;padding:20px;color:var(--color-text-muted);font-style:italic}.error-message[data-v-9468418e]{color:var(--color-error, #ff4444);padding:10px;background-color:var(--color-background-mute);border-radius:4px;font-size:.9rem}.loading[data-v-9468418e]{text-align:center;padding:20px;color:var(--color-text-muted)}.blocked-box[data-v-ff848859]{background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:15px;min-height:400px}.blocked-box h2[data-v-ff848859]{margin:0 0 10px;font-size:1.2rem;text-align:center}.search-section[data-v-ff848859]{display:flex;gap:10px;align-items:flex-start;position:relative}.search-input-wrapper[data-v-ff848859]{flex:1;position:relative}.search-input[data-v-ff848859]{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:#fff}.search-input[data-v-ff848859]::placeholder{color:#fff9}.suggestions-list[data-v-ff848859]{position:absolute;top:100%;left:0;right:0;margin-top:4px;padding:0;list-style:none;background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000004d}.suggestion-item[data-v-ff848859]{padding:10px;cursor:pointer;color:#fff;border-bottom:1px solid var(--color-border);transition:background-color .2s}.suggestion-item[data-v-ff848859]:last-child{border-bottom:none}.suggestion-item[data-v-ff848859]:hover{background-color:var(--color-background-mute)}.block-button[data-v-ff848859]{padding:8px 16px;background-color:var(--color-button);color:var(--color-button-text);border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.block-button[data-v-ff848859]:hover{background-color:var(--color-button-hover)}.blocked-list[data-v-ff848859]{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.blocked-item[data-v-ff848859]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--color-border)}.blocked-item span[data-v-ff848859]{flex:1}.unblock-button[data-v-ff848859]{background:none;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer;padding:0 5px;line-height:1}.unblock-button[data-v-ff848859]:hover{color:var(--color-error, #ff4444)}.empty-message[data-v-ff848859]{text-align:center;padding:20px;color:var(--color-text-muted);font-style:italic}.error-message[data-v-ff848859]{color:var(--color-error, #ff4444);padding:10px;background-color:var(--color-background-mute);border-radius:4px;font-size:.9rem}.loading[data-v-ff848859]{text-align:center;padding:20px;color:var(--color-text-muted)}.groups-box[data-v-1587aa0e]{background-color:#a31f34;border:1px solid #a31f34;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:15px;min-height:400px}.groups-box h2[data-v-1587aa0e]{margin:0 0 10px;font-size:1.2rem;text-align:center;color:#fff}.search-section[data-v-1587aa0e]{display:flex;gap:10px;align-items:flex-start;position:relative}.search-input-wrapper[data-v-1587aa0e]{flex:1;position:relative}.search-input[data-v-1587aa0e]{width:100%;padding:8px;border:1px solid #a31f34;border-radius:4px;background-color:#8a8b8c;color:#fff}.search-input[data-v-1587aa0e]::placeholder{color:#fff;opacity:.7}.suggestions-list[data-v-1587aa0e]{position:absolute;top:100%;left:0;right:0;margin-top:4px;padding:0;list-style:none;background-color:#0f0f0f;border:1px solid #a31f34;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #00000080}.suggestion-item[data-v-1587aa0e]{padding:10px;cursor:pointer;color:#fff;border-bottom:1px solid #a31f34;transition:background-color .2s}.suggestion-item[data-v-1587aa0e]:last-child{border-bottom:none}.suggestion-item[data-v-1587aa0e]:hover{background-color:#a31f34}.button-group[data-v-1587aa0e]{display:flex;gap:5px}.create-button[data-v-1587aa0e]{padding:8px 16px;background-color:#8a8b8c;color:#fff;border:1px solid #a31f34;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .3s ease}.create-button[data-v-1587aa0e]:hover{background-color:#8a8b8c;transform:scale(1.05)}.join-button[data-v-1587aa0e]{padding:8px 16px;background-color:#8a8b8c;color:#fff;border:1px solid #a31f34;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .3s ease}.join-button[data-v-1587aa0e]:hover{background-color:#8a8b8c;transform:scale(1.05)}.groups-list[data-v-1587aa0e]{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.group-item[data-v-1587aa0e]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #a31f34;cursor:pointer;transition:all .2s ease;color:#fff}.group-item[data-v-1587aa0e]:hover{background-color:#a31f344d;transform:scale(1.02)}.pending-indicator[data-v-1587aa0e]{color:#fdd835;font-weight:700;font-size:1.1rem;margin-left:10px;flex-shrink:0}.group-name[data-v-1587aa0e]{flex:1}.empty-message[data-v-1587aa0e]{text-align:center;padding:20px;color:#8a8b8c;font-style:italic}.error-message[data-v-1587aa0e]{color:#fff;padding:10px;background-color:#a31f34;border:1px solid #a31f34;border-radius:4px;font-size:.9rem}.loading[data-v-1587aa0e]{text-align:center;padding:20px;color:#8a8b8c}.pending-requests-section[data-v-1587aa0e]{margin-top:10px;margin-bottom:10px}.pending-requests-header[data-v-1587aa0e]{font-size:.9rem;font-weight:600;color:#fff;margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em}.pending-requests-list[data-v-1587aa0e]{list-style:none;padding:0;margin:0}.pending-request-item[data-v-1587aa0e]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #a31f34;background-color:#8a8b8c;border-radius:4px;margin-bottom:5px}.pending-request-name[data-v-1587aa0e]{flex:1;color:#fff}.pending-label[data-v-1587aa0e]{font-size:.85rem;color:#fff;font-style:italic;padding:2px 8px;background-color:#0f0f0f;border-radius:3px}.group-mem-box[data-v-597c5837]{background-color:#a31f34;border:1px solid #a31f34;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:15px;min-height:400px}.group-mem-box h2[data-v-597c5837]{margin:0 0 10px;font-size:1.2rem;text-align:center;color:#fff}.group-content[data-v-597c5837]{display:flex;flex-direction:column;gap:20px;flex:1}.group-name-header[data-v-597c5837]{font-size:1.1rem;font-weight:600;color:#fff;padding:10px;background-color:#8a8b8c;border:1px solid #a31f34;border-radius:4px;text-align:center}.requests-section[data-v-597c5837]{border-bottom:2px solid #a31f34;padding-bottom:15px}.section-title[data-v-597c5837]{font-size:1rem;font-weight:600;color:#fff;margin:0 0 10px}.requests-list[data-v-597c5837],.members-list[data-v-597c5837]{list-style:none;padding:0;margin:0}.request-item[data-v-597c5837],.member-item[data-v-597c5837]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #a31f34}.request-item[data-v-597c5837]:last-child,.member-item[data-v-597c5837]:last-child{border-bottom:none}.member-info[data-v-597c5837]{display:flex;flex-direction:column;gap:5px;flex:1}.member-name[data-v-597c5837]{color:#fff;font-weight:500}.member-role[data-v-597c5837]{font-size:.85rem;color:#fff;text-transform:uppercase;opacity:.8}.request-actions[data-v-597c5837],.member-actions[data-v-597c5837]{display:flex;gap:5px;align-items:center}.accept-button[data-v-597c5837],.decline-button[data-v-597c5837],.make-admin-button[data-v-597c5837],.remove-admin-button[data-v-597c5837]{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;white-space:nowrap}.accept-button[data-v-597c5837]{background-color:#8a8b8c;color:#fff;border:1px solid #a31f34;transition:all .3s ease}.accept-button[data-v-597c5837]:hover{background-color:#8a8b8c;transform:scale(1.05)}.decline-button[data-v-597c5837]{background-color:#8a8b8c;color:#fff;border:1px solid #a31f34;transition:all .3s ease}.decline-button[data-v-597c5837]:hover{background-color:#8a8b8c;transform:scale(1.05)}.make-admin-button[data-v-597c5837]{background-color:#8a8b8c;color:#fff;border:1px solid #a31f34;transition:all .3s ease}.make-admin-button[data-v-597c5837]:hover{background-color:#8a8b8c;transform:scale(1.05)}.remove-admin-button[data-v-597c5837]{background-color:#ff9800;color:#fff}.remove-admin-button[data-v-597c5837]:hover{background-color:#e68900}.remove-button[data-v-597c5837]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0 5px;line-height:1;transition:all .3s ease}.remove-button[data-v-597c5837]:hover{color:#a31f34;transform:scale(1.2)}.empty-message[data-v-597c5837]{text-align:center;padding:20px;color:#8a8b8c;font-style:italic}.error-message[data-v-597c5837]{color:#fff;padding:10px;background-color:#a31f34;border:1px solid #a31f34;border-radius:4px;font-size:.9rem}.loading[data-v-597c5837]{text-align:center;padding:20px;color:#8a8b8c}.requests-box[data-v-b3c4d1b6]{background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:15px;min-height:400px}.requests-box h2[data-v-b3c4d1b6]{margin:0 0 10px;font-size:1.2rem;text-align:center;color:#fff}.search-section[data-v-b3c4d1b6]{display:flex;gap:10px;align-items:flex-start;position:relative;margin-bottom:15px}.search-input-wrapper[data-v-b3c4d1b6]{flex:1;position:relative}.search-input[data-v-b3c4d1b6]{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:#fff}.search-input[data-v-b3c4d1b6]::placeholder{color:#fff9}.suggestions-list[data-v-b3c4d1b6]{position:absolute;top:100%;left:0;right:0;margin-top:4px;padding:0;list-style:none;background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000004d}.suggestion-item[data-v-b3c4d1b6]{padding:10px;cursor:pointer;color:#fff;border-bottom:1px solid var(--color-border);transition:background-color .2s}.suggestion-item[data-v-b3c4d1b6]:last-child{border-bottom:none}.suggestion-item[data-v-b3c4d1b6]:hover{background-color:var(--color-background-mute)}.requests-list[data-v-b3c4d1b6]{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.request-item[data-v-b3c4d1b6]{display:flex;flex-direction:column;gap:10px;padding:15px;border-bottom:1px solid var(--color-border);transition:background-color .2s}.request-item[data-v-b3c4d1b6]:hover{background-color:var(--color-background-mute)}.request-item[data-v-b3c4d1b6]:last-child{border-bottom:none}.request-info[data-v-b3c4d1b6]{display:flex;flex-direction:column;gap:5px}.request-username[data-v-b3c4d1b6]{font-weight:700;color:#fff;font-size:1rem}.request-label[data-v-b3c4d1b6]{color:var(--color-text-muted);font-size:.9rem}.request-actions[data-v-b3c4d1b6]{display:flex;gap:10px}.accept-button[data-v-b3c4d1b6],.reject-button[data-v-b3c4d1b6]{flex:1;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.accept-button[data-v-b3c4d1b6]{background-color:var(--color-button);color:var(--color-button-text)}.accept-button[data-v-b3c4d1b6]:hover:not(:disabled){background-color:var(--color-button-hover)}.reject-button[data-v-b3c4d1b6]{background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.reject-button[data-v-b3c4d1b6]:hover:not(:disabled){background-color:var(--color-background-mute)}.accept-button[data-v-b3c4d1b6]:disabled,.reject-button[data-v-b3c4d1b6]:disabled{opacity:.6;cursor:not-allowed}.empty-message[data-v-b3c4d1b6]{text-align:center;padding:40px 20px;color:var(--color-text-muted);font-style:italic}.error-message[data-v-b3c4d1b6]{color:var(--color-error, #ff4444);padding:10px;background-color:var(--color-background-mute);border-radius:4px;font-size:.9rem}.loading[data-v-b3c4d1b6]{text-align:center;padding:40px 20px;color:var(--color-text-muted)}.outgoing-requests-box[data-v-11d7cb6d]{background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:15px;min-height:400px}.outgoing-requests-box h2[data-v-11d7cb6d]{margin:0 0 10px;font-size:1.2rem;text-align:center}.search-section[data-v-11d7cb6d]{display:flex;gap:10px;align-items:flex-start;position:relative}.search-input-wrapper[data-v-11d7cb6d]{flex:1;position:relative}.search-input[data-v-11d7cb6d]{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:#fff}.search-input[data-v-11d7cb6d]::placeholder{color:#fff9}.suggestions-list[data-v-11d7cb6d]{position:absolute;top:100%;left:0;right:0;margin-top:4px;padding:0;list-style:none;background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000004d}.suggestion-item[data-v-11d7cb6d]{padding:10px;cursor:pointer;color:#fff;border-bottom:1px solid var(--color-border);transition:background-color .2s}.suggestion-item[data-v-11d7cb6d]:last-child{border-bottom:none}.suggestion-item[data-v-11d7cb6d]:hover{background-color:var(--color-background-mute)}.outgoing-requests-list[data-v-11d7cb6d]{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.outgoing-request-item[data-v-11d7cb6d]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--color-border)}.outgoing-request-item span[data-v-11d7cb6d]{flex:1}.empty-message[data-v-11d7cb6d]{text-align:center;padding:20px;color:var(--color-text-muted);font-style:italic}.error-message[data-v-11d7cb6d]{color:var(--color-error, #ff4444);padding:10px;background-color:var(--color-background-mute);border-radius:4px;font-size:.9rem}.loading[data-v-11d7cb6d]{text-align:center;padding:20px;color:var(--color-text-muted)}.user-page[data-v-ed748681]{width:100%;min-height:100vh;background:#fff;padding:40px 20px}.user-profile-section[data-v-ed748681],.row-2[data-v-ed748681]{max-width:1400px;margin:0 auto}.page-header[data-v-ed748681]{text-align:center;margin-bottom:50px;padding:20px 0;max-width:1400px;margin-left:auto;margin-right:auto}.page-title[data-v-ed748681]{font-size:3rem;font-weight:800;margin-bottom:10px;color:#0f0f0f;letter-spacing:-.02em}.page-subtitle[data-v-ed748681]{font-size:1.1rem;color:#0f0f0f;font-weight:400;margin:0}.user-profile-section[data-v-ed748681]{background:#a31f34;border:1px solid #a31f34;border-radius:20px;padding:50px 40px;margin-bottom:40px;display:flex;justify-content:center;box-shadow:0 8px 32px #a31f3480}.profile-details[data-v-ed748681]{display:flex;align-items:flex-start;gap:80px;justify-content:center;flex-wrap:wrap;text-align:center;width:100%}.username-block[data-v-ed748681]{display:flex;flex-direction:column;gap:15px;align-items:center}.username-label[data-v-ed748681]{font-weight:600;font-size:.9rem;color:#fff;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.username-value[data-v-ed748681]{font-size:2.5rem;font-weight:700;color:#fff;padding:18px 32px;border:1px solid #a31f34;border-radius:16px;background:#8a8b8c;min-width:280px;box-shadow:0 4px 16px #a31f3480;transition:all .3s ease}.username-value[data-v-ed748681]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a31f34b3;border-color:#a31f34;background:#8a8b8c}.friends-section[data-v-ed748681]{display:flex;flex-direction:column;gap:15px;align-items:center}.friends-label[data-v-ed748681]{font-weight:600;font-size:.9rem;color:#fff;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.friends-actions[data-v-ed748681]{display:flex;gap:12px;align-items:center}.friend-count-button[data-v-ed748681]{font-size:1.8rem;font-weight:700;color:#fff;padding:16px 28px;border:1px solid #a31f34;border-radius:14px;background:#8a8b8c;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:90px;box-shadow:0 4px 16px #a31f3480;position:relative;overflow:hidden}.friend-count-button[data-v-ed748681]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(163,31,52,.5),transparent);transition:left .5s}.friend-count-button[data-v-ed748681]:hover:not(:disabled):before{left:100%}.friend-count-button[data-v-ed748681]:hover:not(:disabled){background:#8a8b8c;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 24px #a31f34b3;border-color:#a31f34}.friend-count-button[data-v-ed748681]:active:not(:disabled){transform:translateY(-1px) scale(.98)}.friend-count-button[data-v-ed748681]:disabled{opacity:.5;cursor:not-allowed}.friend-requests-icon-button[data-v-ed748681]{background:#8a8b8c;border:1px solid #a31f34;border-radius:14px;padding:12px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px;height:52px;box-shadow:0 4px 16px #a31f3480}.friend-requests-icon-button svg[data-v-ed748681]{transition:transform .3s ease}.friend-requests-icon-button[data-v-ed748681]:hover{background:#8a8b8c;transform:translateY(-3px) scale(1.08);box-shadow:0 6px 24px #a31f34b3;border-color:#a31f34}.friend-requests-icon-button:hover svg[data-v-ed748681]{transform:scale(1.1)}.friend-requests-icon-button[data-v-ed748681]:active{transform:translateY(-1px) scale(1.02)}.blocked-section[data-v-ed748681]{display:flex;flex-direction:column;gap:15px;align-items:center;text-align:center}.blocked-label[data-v-ed748681]{font-weight:600;font-size:.9rem;color:#fff;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.blocked-count-button[data-v-ed748681]{font-size:1.8rem;font-weight:700;color:#fff;padding:16px 28px;border:1px solid #a31f34;border-radius:14px;background:#8a8b8c;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:90px;box-shadow:0 4px 16px #a31f3480;position:relative;overflow:hidden}.blocked-count-button[data-v-ed748681]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(163,31,52,.5),transparent);transition:left .5s}.blocked-count-button[data-v-ed748681]:hover:not(:disabled):before{left:100%}.blocked-count-button[data-v-ed748681]:hover:not(:disabled){background:#8a8b8c;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 24px #a31f34b3;border-color:#a31f34}.blocked-count-button[data-v-ed748681]:active:not(:disabled){transform:translateY(-1px) scale(.98)}.blocked-count-button[data-v-ed748681]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-ed748681]{position:fixed;inset:0;background:#0f0f0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-ed748681 .2s ease-out}@keyframes fadeIn-ed748681{0%{opacity:0}to{opacity:1}}.modal-content[data-v-ed748681]{background:#0f0f0f;border:1px solid #a31f34;border-radius:20px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #a31f3499;animation:slideUp-ed748681 .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp-ed748681{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content[data-v-ed748681] .friends-box,.modal-content[data-v-ed748681] .requests-box,.modal-content[data-v-ed748681] .outgoing-requests-box,.modal-content[data-v-ed748681] .blocked-box{min-height:auto;border:none;border-radius:0;padding:20px;flex:1;overflow-y:auto}.modal-header[data-v-ed748681]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #a31f34;background:#a31f34}.modal-header h2[data-v-ed748681]{margin:0;color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.01em}.close-button[data-v-ed748681]{background:#0f0f0f;border:1px solid #a31f34;color:#fff;font-size:1.75rem;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s ease;line-height:1}.close-button[data-v-ed748681]:hover{background:#a31f34;border-color:#a31f34;transform:scale(1.1)}.add-friend-section[data-v-ed748681]{padding:20px;border-bottom:1px solid #a31f34}.add-friend-section h3[data-v-ed748681]{margin:0 0 15px;color:#fff;font-size:1.2rem;font-weight:600}.add-friend-search-wrapper[data-v-ed748681]{display:flex;gap:10px;align-items:flex-start;position:relative}.add-friend-section .search-input-wrapper[data-v-ed748681]{flex:1;position:relative}.add-friend-section .search-input[data-v-ed748681]{width:100%;padding:8px;border:1px solid #a31f34;border-radius:4px;background-color:#0f0f0f;color:#fff}.add-friend-section .search-input[data-v-ed748681]::placeholder{color:#8a8b8c}.add-friend-section .suggestions-list[data-v-ed748681]{position:absolute;top:100%;left:0;right:0;margin-top:4px;padding:0;list-style:none;background-color:#0f0f0f;border:1px solid #a31f34;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #00000080}.add-friend-section .suggestion-item[data-v-ed748681]{padding:10px;cursor:pointer;color:#fff;border-bottom:1px solid #a31f34;transition:background-color .2s}.add-friend-section .suggestion-item[data-v-ed748681]:last-child{border-bottom:none}.add-friend-section .suggestion-item[data-v-ed748681]:hover{background-color:#a31f34}.add-friend-section .add-button[data-v-ed748681]{padding:8px 16px;background-color:#a31f34;color:#fff;border:1px solid #a31f34;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.add-friend-section .add-button[data-v-ed748681]:hover:not(:disabled){background-color:#a31f34;border-color:#a31f34;opacity:.9}.add-friend-section .add-button[data-v-ed748681]:disabled{opacity:.6;cursor:not-allowed}.add-friend-section .error-message[data-v-ed748681]{color:#fff;padding:10px;background-color:#a31f34;border:1px solid #a31f34;border-radius:4px;font-size:.9rem;margin-top:10px}.requests-container[data-v-ed748681]{display:flex;flex-direction:column;gap:20px;padding:20px;overflow-y:auto;flex:1}.groups-section[data-v-ed748681]{max-width:1400px;margin:0 auto}.groups-section-title[data-v-ed748681]{font-size:2rem;font-weight:700;color:#0f0f0f;margin-bottom:20px;text-align:center}.row-2[data-v-ed748681]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:20px;max-width:1000px;margin-left:auto;margin-right:auto}@media(max-width:1024px){.row-2[data-v-ed748681]{grid-template-columns:1fr}.profile-details[data-v-ed748681]{gap:40px}.page-title[data-v-ed748681]{font-size:2.5rem}}@media(max-width:768px){.user-page[data-v-ed748681]{padding:20px 15px}.page-title[data-v-ed748681]{font-size:2rem}.page-subtitle[data-v-ed748681]{font-size:1rem}.user-profile-section[data-v-ed748681]{padding:30px 20px}.profile-details[data-v-ed748681]{gap:30px;flex-direction:column}.username-value[data-v-ed748681]{font-size:2rem;min-width:200px}.friend-count-button[data-v-ed748681],.blocked-count-button[data-v-ed748681]{font-size:1.5rem;padding:14px 24px}}