.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__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)}[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,.user-menu__item{font-size:var(--text-xs)}.user-menu__chevron{display:none}.user-menu__trigger{padding:var(--spacing-2xs)}}
