.user-menu{position:relative}.user-menu__trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-white);cursor:pointer;transition:all var(--transition-fast)}.user-menu__trigger:hover{background:var(--bg-soft);border-color:var(--primary)}.user-menu__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.user-menu__trigger--loading{pointer-events:none}.user-menu__icon{width:24px;height:24px;color:var(--text-secondary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.user-menu__icon-placeholder{width:24px;height:24px;border-radius:var(--radius-full);background:var(--glass-border);animation:userMenuPulse 1.5s ease-in-out infinite}@keyframes userMenuPulse{0%,to{opacity:.6}50%{opacity:1}}.user-menu__avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.user-menu__avatar--large{width:48px;height:48px;font-size:var(--text-base)}.user-menu__chevron{width:16px;height:16px;color:var(--text-secondary);transition:transform var(--transition-fast)}.user-menu__trigger[aria-expanded=true] .user-menu__chevron{transform:rotate(180deg)}.user-menu__dropdown{position:absolute;top:calc(100% + var(--spacing-xs));inset-inline-end:0;min-width:280px;background:var(--bg-base);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);animation:dropdownSlideIn .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu__header{padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.user-menu__info{flex:1;min-width:0}.user-menu__name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__email{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__org{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--spacing-2xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__name,.user-menu__email,.user-menu__org{text-align:match-parent}.user-menu__change{display:inline-flex;margin-top:3px;padding:2px 0;border:0;background:none;color:var(--purple);font-family:var(--font-lang, inherit);font-size:var(--text-xs);font-weight:var(--font-weight-bold);cursor:pointer}.user-menu__change:hover{text-decoration:underline}.user-menu__change:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.user-menu__divider{height:1px;background:var(--glass-border);margin:0 var(--spacing-md)}.user-menu__actions{padding:var(--spacing-sm) 0}.user-menu__item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--text-primary);font-family:var(--font-lang, inherit);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-align:start;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.user-menu__item:hover{background:var(--bg-soft)}.user-menu__item svg{width:18px;height:18px;flex-shrink:0;color:var(--text-secondary)}.user-menu__item--primary{color:var(--pink)}.user-menu__item--primary:hover{background:var(--bg-pink)}.user-menu__item--primary svg{color:var(--pink)}.user-menu__item--danger{color:var(--danger)}.user-menu__item--danger:hover{background:#ef44441a}.user-menu__item--danger svg{color:var(--danger)}[dir=rtl] .user-menu__directional{transform:scaleX(-1)}[data-theme=dark] .user-menu__dropdown{background:#171923f2}[data-theme=dark] .user-menu__trigger{background:#ffffff0d}[data-theme=dark] .user-menu__trigger:hover{background:#ffffff14}[data-theme=dark] .user-menu__item:hover{background:#ffffff0d}[data-theme=dark] .user-menu__item--primary:hover{background:#ec489926}@media(max-width:768px){.user-menu__dropdown{min-width:260px}.user-menu__header{padding:var(--spacing-md)}.user-menu__actions{padding:var(--spacing-xs) 0}.user-menu__item{padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:480px){.user-menu__dropdown{position:fixed;top:60px;inset-inline:var(--spacing-sm);min-width:auto;max-height:calc(100vh - 80px);overflow-y:auto}.user-menu__avatar{width:28px;height:28px;font-size:var(--text-xs)}.user-menu__avatar--large{width:40px;height:40px;font-size:var(--text-sm)}.user-menu__name{font-size:var(--text-sm)}.user-menu__email{font-size:var(--text-xs)}.user-menu__chevron{display:none}.user-menu__trigger{justify-content:center;min-width:44px;min-height:44px;padding:0}}.language-selector{position:relative}.language-selector__trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-white);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-main);font-size:var(--text-sm);color:var(--text-primary)}.language-selector__trigger:hover{background:var(--bg-soft);border-color:var(--primary)}.language-selector__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.language-selector__globe{width:24px;height:24px;color:var(--text-secondary);stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.language-selector__chevron{width:14px;height:14px;color:var(--text-secondary);transition:transform var(--transition-fast);flex-shrink:0}.language-selector__trigger[aria-expanded=true] .language-selector__chevron{transform:rotate(180deg)}.language-selector__dropdown{position:absolute;top:calc(100% + var(--spacing-xs));inset-inline-end:0;min-width:220px;max-height:360px;background:var(--bg-base);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);animation:languageSelectorSlideIn .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}@keyframes languageSelectorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-selector__list{max-height:360px;overflow-y:auto;padding:var(--spacing-xs) 0}.language-selector__list::-webkit-scrollbar{width:6px}.language-selector__list::-webkit-scrollbar-track{background:transparent}.language-selector__list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.language-selector__list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.language-selector__option{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:none;font:inherit;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer}.language-selector__option:hover{background:var(--bg-soft)}.language-selector__option--active,.language-selector__option--active:hover{background:var(--bg-lavender)}.language-selector__name{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.language-selector__native{font-size:var(--text-sm);color:var(--text-secondary)}.language-selector__option--active .language-selector__name,.language-selector__option--active .language-selector__native{color:var(--primary);font-weight:var(--font-weight-semibold)}[data-theme=dark] .language-selector__trigger{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .language-selector__trigger:hover{background:#ffffff1a}[data-theme=dark] .language-selector__dropdown{background:#1a1a2ef2;border-color:#ffffff1a}[data-theme=dark] .language-selector__option:hover{background:#ffffff0d}[data-theme=dark] .language-selector__option--active{background:#667eea26}[data-theme=dark] .language-selector__option--active .language-selector__name,[data-theme=dark] .language-selector__option--active .language-selector__native{color:var(--cyan)}@media(max-width:768px){.language-selector__dropdown{min-width:180px}}
