.user-menu{position:relative}.user-menu:after{content:"";height:10px;left:0;position:absolute;right:0;top:100%;z-index:59}.user-menu .avatar{background:var(--grad-brand);border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:grid;font-size:13.5px;font-weight:700;height:36px;padding:0;place-items:center;transition:box-shadow .15s;width:36px}.user-menu .avatar:hover,.user-menu .user-dropdown{box-shadow:var(--shadow-md)}.user-menu .user-dropdown{animation:umIn .16s ease;background:#fff;border:1px solid var(--line-soft);border-radius:14px;display:none;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:60}.user-menu.open .user-dropdown{display:block}@keyframes umIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.user-menu .ud-list{padding:6px}.user-menu .ud-item{align-items:center;background:none;border:none;border-radius:9px;color:var(--ink-700);cursor:pointer;display:flex;font-family:var(--font);font-size:13.5px;font-weight:600;gap:10px;padding:10px 12px;text-align:left;transition:background .12s,color .12s;width:100%}.user-menu .ud-item:hover{background:var(--brand-50);color:var(--brand-700)}.user-menu .ud-item svg{color:var(--ink-400);flex-shrink:0}.user-menu .ud-item:hover svg{color:var(--brand-600)}.user-menu .ud-sep{background:var(--line-soft);height:1px;margin:6px 4px}.user-menu .ud-item.danger,.user-menu .ud-item.danger svg{color:#e11d48}.user-menu .ud-item.danger:hover{background:#fef2f2;color:#e11d48}