.user-menu-button{display:flex;align-items:center;gap:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--text-main, #fff);cursor:pointer;padding:6px 12px 6px 6px;border-radius:9999px;transition:background .2s,border-color .2s;font-family:Open Sans,sans-serif;font-size:.9rem;font-weight:300}.user-menu-button:hover{background:#ffffff21;border-color:#ffffff38}.user-avatar{width:28px;height:28px;object-fit:contain;flex-shrink:0;padding:4px;background:#ffffffe6;border-radius:50%}.user-menu-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chevron{color:var(--text-muted, #6b7280);transition:transform .2s ease;flex-shrink:0}.user-chevron.open{transform:rotate(180deg)}.user-dropdown-container{position:relative}.user-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--bg-card, #1e1e1e);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 12px 40px #00000080;min-width:220px;z-index:2000;overflow:hidden;animation:udSlideDown .18s ease-out}@keyframes udSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.dropdown-header-avatar{width:36px;height:36px;object-fit:contain;flex-shrink:0;padding:6px;background:#ffffffe6;border-radius:50%}.dropdown-header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dropdown-header-name{font-size:.9rem;font-weight:400;color:var(--text-main, #fff);font-family:Open Sans,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-items{padding:6px 8px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;color:var(--text-sub, #d1d5db);font-size:.88rem;font-weight:300;font-family:Open Sans,sans-serif;text-decoration:none;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background .15s,color .15s}.dropdown-item svg{flex-shrink:0;opacity:.6;transition:opacity .15s}.dropdown-item:hover{background:#ffffff12;color:var(--text-main, #fff);text-decoration:none}.dropdown-item:hover svg{opacity:1}.dropdown-logout{width:calc(100% - 16px);margin:6px 8px 8px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px;color:#f87171;border-radius:8px}.dropdown-logout:hover{background:#f871711a;color:#fca5a5}.dropdown-language-separator{height:1px;background:#ffffff12;margin:6px 8px;display:none}.dropdown-language-section{display:none;gap:6px;padding:8px}.dropdown-lang-btn{flex:1;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-sub, #d1d5db);font-size:.82rem;font-weight:300;font-family:Open Sans,sans-serif;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.dropdown-lang-btn:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-main, #fff)}.dropdown-lang-btn.active{background:var(--text-main, #fff);color:var(--bg-page, #1a1a1a);border-color:var(--text-main, #fff)}@media(max-width:900px){.dropdown-language-separator{display:block}.dropdown-language-section{display:flex}}