.user-menu{position:relative}.user-menu__trigger{cursor:pointer;color:var(--foreground);background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .5rem;transition:background .15s,border-color .15s;display:flex}.user-menu__trigger:hover{background:var(--accent);border-color:var(--border)}.user-menu__avatar{object-fit:cover;border:2px solid color-mix(in oklch, var(--primary) 30%, transparent);border-radius:9999px;flex-shrink:0;width:2rem;height:2rem}.user-menu__initials{background:var(--primary);width:2rem;height:2rem;color:var(--primary-foreground);-webkit-user-select:none;user-select:none;letter-spacing:.025em;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.user-menu__chevron{width:.875rem;height:.875rem;color:var(--muted-foreground);flex-shrink:0;transition:transform .2s}.user-menu__chevron--open{transform:rotate(180deg)}.user-menu__dropdown{background-color:var(--card);min-width:260px;color:var(--card-foreground);border:1px solid var(--border);box-shadow:0 0 0 1px color-mix(in oklch, var(--border) 50%, transparent),0 12px 40px -8px #00000038,0 4px 12px -2px #0000001f;z-index:100;isolation:isolate;border-radius:.875rem;padding-bottom:.375rem;animation:.15s user-menu-in;position:absolute;top:calc(100% + .75rem);right:0;overflow:hidden}.user-menu__profile{background:color-mix(in oklch, var(--muted) 60%, transparent);border:1px solid var(--border);border-radius:.5rem;align-items:flex-start;gap:.75rem;margin:.5rem .5rem 0;padding:.875rem;display:flex}.user-menu__profile-avatar{object-fit:cover;border:2px solid color-mix(in oklch, var(--primary) 25%, transparent);border-radius:9999px;flex-shrink:0;width:2.5rem;height:2.5rem;margin-top:.125rem}.user-menu__profile-initials{background:var(--primary);width:2.5rem;height:2.5rem;color:var(--primary-foreground);-webkit-user-select:none;user-select:none;letter-spacing:.025em;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;margin-top:.125rem;font-size:.8125rem;font-weight:700;display:flex}.user-menu__profile-info{flex-direction:column;min-width:0;padding-top:.125rem;display:flex}.user-menu__profile-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;line-height:1.4;overflow:hidden}.user-menu__profile-email{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin-top:.0625rem;font-size:.75rem;line-height:1.4;overflow:hidden}.user-menu__profile-role{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);background:color-mix(in oklch, var(--primary) 12%, transparent);border-radius:9999px;align-self:flex-start;margin-top:.375rem;padding:.125rem .5rem;font-size:.625rem;font-weight:600;line-height:1.5;display:inline-flex}.user-menu__divider{border:none;border-top:1px solid var(--border);margin:.25rem 0}.user-menu__item{width:100%;color:var(--foreground);cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.user-menu__item:hover{background:var(--accent);color:var(--accent-foreground)}.user-menu__item--danger{color:var(--destructive)}.user-menu__item--danger:hover{background:color-mix(in oklch, var(--destructive) 10%, transparent);color:var(--destructive)}.user-menu__item-icon{opacity:.75;flex-shrink:0;width:1rem;height:1rem}@keyframes user-menu-in{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}